reduce the cap to 20 users when adding seats (#23873)

GitOrigin-RevId: f997059632e9d123e2aa71a74a64ac3b0dd20ef9

services/web/app/src/Features/Subscription/SubscriptionRouter.mjs

@@ -18,7 +18,7 @@ const subscriptionRateLimiter = new RateLimiter('subscription', {
   duration: 60,
 })
 
-const MAX_NUMBER_OF_USERS = 50
+const MAX_NUMBER_OF_USERS = 20
 
 const addSeatsValidateSchema = {
   body: Joi.object({

services/web/frontend/js/features/group-management/components/add-seats/add-seats.tsx

@@ -30,7 +30,7 @@ import {
 import { MergeAndOverride, Nullable } from '../../../../../../types/utils'
 import { sendMB } from '../../../../infrastructure/event-tracking'
 
-export const MAX_NUMBER_OF_USERS = 50
+export const MAX_NUMBER_OF_USERS = 20
 
 type CostSummaryData = MergeAndOverride<
   SubscriptionChangePreview,
@@ -405,7 +405,7 @@ function CostSummarySection({
             i18nKey="if_you_want_more_than_x_users_on_your_plan_we_need_to_add_them_for_you"
             // eslint-disable-next-line react/jsx-key
             components={[<b />]}
-            values={{ count: 50 }}
+            values={{ count: MAX_NUMBER_OF_USERS }}
             shouldUnescape
             tOptions={{ interpolation: { escapeValue: true } }}
           />