[CLD-6487] Replace 'Country' with 'Country/Region' in country selectors (#25977)

* Replace 'Country' with 'Country/Region' in countr selectors

* Fix linteR

* Update snapshots

webapp/channels/src/actions/cloud.tsx

@@ -2,7 +2,6 @@
 // See LICENSE.txt for license information.
 
 import type {Stripe} from '@stripe/stripe-js';
-import {getCode} from 'country-list';
 
 import type {Address, CloudCustomerPatch, Feedback, WorkspaceDeletionRequest} from '@mattermost/types/cloud';
 
@@ -48,7 +47,7 @@ export function completeStripeAddPaymentMethod(
                             line2: billingDetails.address2,
                             city: billingDetails.city,
                             state: billingDetails.state,
-                            country: getCode(billingDetails.country),
+                            country: billingDetails.country,
                             postal_code: billingDetails.postalCode,
                         },
                     },

webapp/channels/src/components/payment_form/country_selector.tsx

@@ -29,11 +29,11 @@ const CountrySelector = (props: CountrySelectorProps) => {
             }))}
             legend={formatMessage({
                 id: 'payment_form.country',
-                defaultMessage: 'Country',
+                defaultMessage: 'Country/Region',
             })}
             placeholder={formatMessage({
                 id: 'payment_form.country',
-                defaultMessage: 'Country',
+                defaultMessage: 'Country/Region',
             })}
             name={'country_dropdown'}
         />

webapp/channels/src/components/start_trial_form_modal/__snapshots__/start_trial_form_modal.test.tsx.snap

@@ -252,7 +252,7 @@ Object {
                               <div
                                 class="DropDown__placeholder css-1wa3eu0-placeholder"
                               >
-                                Country
+                                Country/Region
                               </div>
                               <div
                                 class="css-1ed09z3-Input"

webapp/channels/src/i18n/en.json

@@ -4356,7 +4356,7 @@
   "payment_form.change_payment_method": "Change Payment Method",
   "payment_form.city": "City",
   "payment_form.company_name": "Company Name",
-  "payment_form.country": "Country",
+  "payment_form.country": "Country/Region",
   "payment_form.credit_card": "Credit Card",
   "payment_form.gather_wire_transfer_intent": "Looking for other payment options?",
   "payment_form.gather_wire_transfer_intent_modal.ach": "ACH",

webapp/channels/src/utils/countries.ts

@@ -1,11 +1,16 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import {getData} from 'country-list';
+import {getData, overwrite} from 'country-list';
 
 type Country = {
     name: string;
     code: string;
 }
 
+overwrite([{
+    code: 'TW',
+    name: 'Taiwan',
+}]);
+
 export const COUNTRIES = getData().sort((a: Country, b: Country) => (a.name > b.name ? 1 : -1));