[MM-60807] Replace FormattedMarkdownMessage in 'webapp/channels/src/components/admin_console/license_settings/renew_license_card/renew_license_card.tsx' with FormattedMessage (#28626)

* Replaced FormattedMarkdownMessage

* Fix: update message id and formatting

* Fix: Revert Classname - optimize translation

* Fix: update translation en.json

---------

Co-authored-by: Mattermost Build <build@mattermost.com>

webapp/channels/src/components/admin_console/license_settings/renew_license_card/renew_license_card.tsx

@@ -9,7 +9,6 @@ import type {ClientLicense} from '@mattermost/types/config';
 
 import AlertBanner from 'components/alert_banner';
 import ContactUsButton from 'components/announcement_bar/contact_sales/contact_us';
-import FormattedMarkdownMessage from 'components/formatted_markdown_message';
 
 import {getSkuDisplayName} from 'utils/subscription';
 import {getRemainingDaysFromFutureTimestamp} from 'utils/utils';
@@ -75,22 +74,22 @@ const RenewLicenseCard: React.FC<RenewLicenseCardProps> = ({license, totalUsers,
                 />
             </div>
             <div className='RenewLicenseCard__licensedUsersNum'>
-                <FormattedMarkdownMessage
+                <strong>
-                    id='admin.license.renewalCard.licensedUsersNum'
+                    <FormattedMessage
-                    defaultMessage='**Licensed Users:** {licensedUsersNum}'
+                        id='admin.license.renewalCard.usersNumbers_licensed'
-                    values={{
+                        defaultMessage='Licensed Users: '
-                        licensedUsersNum: license.Users,
+                    />
-                    }}
+                </strong>
-                />
+                {license.Users}
             </div>
             <div className='RenewLicenseCard__activeUsersNum'>
-                <FormattedMarkdownMessage
+                <strong>
-                    id='admin.license.renewalCard.usersNumbers'
+                    <FormattedMessage
-                    defaultMessage='**Active Users:** {activeUsersNum}'
+                        id='admin.license.renewalCard.usersNumbers_active'
-                    values={{
+                        defaultMessage='Active Users: '
-                        activeUsersNum: totalUsers,
+                    />
-                    }}
+                </strong>
-                />
+                {totalUsers}
             </div>
             <div className='RenewLicenseCard__buttons'>
                 {contactSalesBtn}

webapp/channels/src/i18n/en.json

@@ -1384,11 +1384,11 @@
   "admin.license.remove": "Remove",
   "admin.license.removing": "Removing License...",
   "admin.license.renewalCard.description.contact_sales": "Renew your {licenseSku} license by contacting sales to avoid any disruption.",
-  "admin.license.renewalCard.licensedUsersNum": "**Licensed Users:** {licensedUsersNum}",
   "admin.license.renewalCard.licenseExpired": "License expired on {date, date, long}.",
   "admin.license.renewalCard.licenseExpiring": "License expires in {days} days on {date, date, long}.",
   "admin.license.renewalCard.reviewNumbers": "Review your numbers below to ensure you renew for the right number of users.",
-  "admin.license.renewalCard.usersNumbers": "**Active Users:** {activeUsersNum}",
+  "admin.license.renewalCard.usersNumbers_active": "Active Users: ",
+  "admin.license.renewalCard.usersNumbers_licensed": "Licensed Users: ",
   "admin.license.title": "Edition and License",
   "admin.license.Trial": "Trial",
   "admin.license.trial-request.accept-terms": "By clicking <strong>Start trial</strong>, I agree to the <linkEvaluation>Mattermost Software and Services License Agreement</linkEvaluation>, <linkPrivacy>Privacy Policy</linkPrivacy>, and receiving product emails.",