Defect/[PM-1887] - Fix Account Creation Terms of Service Checkbox not clickable in Safari (#5240)

* PM-1887 - Fix Account Creation Terms of service checkbox not clickable in Safari. Reworked check for breaches and terms of service checkboxes to be implemented with Tailwind instead of a mix of Tailwind & Bootstrap as well. Confirmed checkboxes still work in Edge, Firefiox, and Chrome as well as Safari now.

* PM-1887 - Add for="<id>" attributes to bit-labels for accessibility.

* PM-1887 - Make ID consistent w/ dashes instead of underlines and dashes.

apps/web/src/auth/register-form/register-form.component.html

@@ -91,31 +91,27 @@
     <div [hidden]="!showCaptcha()">
       <iframe id="hcaptcha_iframe" height="80"></iframe>
     </div>
-    <div class="form-group">
-      <div class="form-check">
+    <div class="tw-mb-4 tw-flex tw-items-start">
       <input
-          class="form-check-input"
+        class="mt-1"
         type="checkbox"
+        bitCheckbox
         id="checkForBreaches"
         name="CheckBreach"
         formControlName="checkForBreaches"
       />
-        <label class="form-check-label" for="checkForBreaches">
-          {{ "checkForBreaches" | i18n }}
-        </label>
-      </div>
+      <bit-label for="checkForBreaches"> {{ "checkForBreaches" | i18n }}</bit-label>
     </div>
     <div class="tw-mb-3 tw-flex tw-items-start" *ngIf="showTerms">
-      <div class="tw-flex tw-h-6 tw-items-center">
       <input
-          id="register-form_input_accept-policies"
-          class="tw-border-gray-300 tw-w-4 tw-rounded tw-border"
-          bitInput
+        class="mt-1"
+        id="register-form-input-accept-policies"
+        bitCheckbox
         type="checkbox"
         formControlName="acceptPolicies"
       />
-      </div>
-      <bit-label class="ml-2">
+
+      <bit-label for="register-form-input-accept-policies">
         {{ "acceptPolicies" | i18n }}<br />
         <a href="https://bitwarden.com/terms/" target="_blank" rel="noopener">{{
           "termsOfService" | i18n