[PM-17590] fix chrome translation bug by escaping $ (#13103)

replaces translation with hard-coded text for cross-platform compatibility

apps/browser/src/_locales/en/messages.json

@@ -479,22 +479,6 @@
   "length": {
     "message": "Length"
   },
-  "uppercase": {
-    "message": "Uppercase (A-Z)",
-    "description": "deprecated. Use uppercaseLabel instead."
-  },
-  "lowercase": {
-    "message": "Lowercase (a-z)",
-    "description": "deprecated. Use lowercaseLabel instead."
-  },
-  "numbers": {
-    "message": "Numbers (0-9)",
-    "description": "deprecated. Use numbersLabel instead."
-  },
-  "specialCharacters": {
-    "message": "Special characters (!@#$%^&*)",
-    "description": "deprecated. Use specialCharactersLabel instead."
-  },
   "include": {
     "message": "Include",
     "description": "Card header for password generator include block"
@@ -527,10 +511,6 @@
     "message": "Include special characters",
     "description": "Full description for the password generator special characters checkbox"
   },
-  "specialCharactersLabel": {
-    "message": "!@#$%^&*",
-    "description": "Label for the password generator special characters checkbox"
-  },
   "numWords": {
     "message": "Number of words"
   },

apps/desktop/src/locales/en/messages.json

@@ -543,10 +543,6 @@
     "message": "Include special characters",
     "description": "Full description for the password generator special characters checkbox"
   },
-  "specialCharactersLabel": {
-    "message": "!@#$%^&*",
-    "description": "Label for the password generator special characters checkbox"
-  },
   "numWords": {
     "message": "Number of words"
   },

apps/web/src/app/admin-console/organizations/policies/password-generator.component.html

@@ -68,7 +68,11 @@
     </bit-form-control>
     <bit-form-control>
       <input type="checkbox" bitCheckbox formControlName="useSpecial" id="useSpecial" />
-      <bit-label>{{ "specialCharactersLabel" | i18n }}</bit-label>
+      <!-- hard-coded the special characters string because `$` indicates an i18n interpolation,
+           and is handled inconsistently across browsers. Angular template syntax is used to
+           ensure special characters are entity-encoded.
+        -->
+      <bit-label>{{ "!@#$%^&*" }}</bit-label>
     </bit-form-control>
   </div>
 

apps/web/src/locales/en/messages.json

@@ -10100,10 +10100,6 @@
     "message": "Include special characters",
     "description": "Full description for the password generator special characters checkbox"
   },
-  "specialCharactersLabel": {
-    "message": "!@#$%^&*",
-    "description": "Label for the password generator special characters checkbox"
-  },
   "addAttachment": {
     "message": "Add attachment"
   },

libs/tools/generator/components/src/password-settings.component.html

@@ -61,7 +61,11 @@
               formControlName="special"
               (change)="save('special')"
             />
-            <bit-label>{{ "specialCharactersLabel" | i18n }}</bit-label>
+            <!-- hard-coded the special characters string because `$` indicates an i18n interpolation,
+                and is handled inconsistently across browsers. Angular template syntax is used to
+                ensure special characters are entity-encoded.
+              -->
+            <bit-label>{{ "!@#$%^&*" }}</bit-label>
           </bit-form-control>
         </div>
         <div class="tw-flex">