[SM-223] Web: change <h2> modal title to <h1>, tweak styles to keep same look (#3328)

Co-authored-by: Hinton <hinton@users.noreply.github.com>

apps/web/src/app/organizations/manage/bulk/bulk-confirm.component.html

@@ -2,9 +2,9 @@
   <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
     <div class="modal-content">
       <div class="modal-header">
-        <h2 class="modal-title" id="bulkTitle">
+        <h1 class="modal-title" id="bulkTitle">
           {{ "confirmUsers" | i18n }}
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"

apps/web/src/app/organizations/manage/bulk/bulk-remove.component.html

@@ -2,9 +2,9 @@
   <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
     <div class="modal-content">
       <div class="modal-header">
-        <h2 class="modal-title" id="bulkTitle">
+        <h1 class="modal-title" id="bulkTitle">
           {{ "removeUsers" | i18n }}
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"

apps/web/src/app/organizations/manage/bulk/bulk-restore-revoke.component.html

@@ -2,9 +2,9 @@
   <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
     <div class="modal-content">
       <div class="modal-header">
-        <h2 class="modal-title" id="bulkTitle">
+        <h1 class="modal-title" id="bulkTitle">
           {{ bulkTitle }}
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"

apps/web/src/app/organizations/manage/bulk/bulk-status.component.html

@@ -2,9 +2,9 @@
   <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
     <div class="modal-content">
       <div class="modal-header">
-        <h2 class="modal-title" id="bulkTitle">
+        <h1 class="modal-title" id="bulkTitle">
           {{ "bulkConfirmStatus" | i18n }}
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"

apps/web/src/app/organizations/manage/collection-add-edit.component.html

@@ -8,7 +8,7 @@
       ngNativeValidate
     >
       <div class="modal-header">
-        <h2 class="modal-title" id="collectionAddEditTitle">{{ title }}</h2>
+        <h1 class="modal-title" id="collectionAddEditTitle">{{ title }}</h1>
         <button
           type="button"
           class="close"

apps/web/src/app/organizations/manage/entity-events.component.html

@@ -2,10 +2,10 @@
   <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
     <div class="modal-content">
       <div class="modal-header">
-        <h2 class="modal-title" id="eventLogsTitle">
+        <h1 class="modal-title" id="eventLogsTitle">
           {{ "eventLogs" | i18n }}
           <small class="text-muted" *ngIf="name">{{ name }}</small>
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"

apps/web/src/app/organizations/manage/entity-users.component.html

@@ -8,10 +8,10 @@
       ngNativeValidate
     >
       <div class="modal-header">
-        <h2 class="modal-title" id="userAccessTitle">
+        <h1 class="modal-title" id="userAccessTitle">
           {{ "userAccess" | i18n }}
           <small>{{ entityName }}</small>
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"

apps/web/src/app/organizations/manage/group-add-edit.component.html

@@ -8,7 +8,7 @@
       ngNativeValidate
     >
       <div class="modal-header">
-        <h2 class="modal-title" id="groupAddEditTitle">{{ title }}</h2>
+        <h1 class="modal-title" id="groupAddEditTitle">{{ title }}</h1>
         <button
           type="button"
           class="close"

apps/web/src/app/organizations/manage/policy-edit.component.html

@@ -8,9 +8,9 @@
       ngNativeValidate
     >
       <div class="modal-header">
-        <h2 class="modal-title" id="policiesEditTitle">
+        <h1 class="modal-title" id="policiesEditTitle">
           {{ "editPolicy" | i18n }} - {{ policy.name | i18n }}
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"

apps/web/src/app/organizations/manage/reset-password.component.html

@@ -2,10 +2,10 @@
   <div class="modal-dialog" role="document">
     <form class="modal-content" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
       <div class="modal-header">
-        <h2 class="modal-title" id="resetPasswordTitle">
+        <h1 class="modal-title" id="resetPasswordTitle">
           {{ "resetPassword" | i18n }}
           <small class="text-muted" *ngIf="name">{{ name }}</small>
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"

apps/web/src/app/organizations/manage/user-add-edit.component.html

@@ -8,11 +8,11 @@
       ngNativeValidate
     >
       <div class="modal-header">
-        <h2 class="modal-title" id="userAddEditTitle">
+        <h1 class="modal-title" id="userAddEditTitle">
           {{ title }}
           <small class="text-muted" *ngIf="name">{{ name }}</small>
           <span bitBadge badgeType="secondary" *ngIf="isRevoked">{{ "revoked" | i18n }}</span>
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"

apps/web/src/app/organizations/manage/user-confirm.component.html

@@ -2,10 +2,10 @@
   <div class="modal-dialog modal-dialog-scrollable" role="document">
     <form class="modal-content" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
       <div class="modal-header">
-        <h2 class="modal-title" id="confirmUserTitle">
+        <h1 class="modal-title" id="confirmUserTitle">
           {{ "confirmUser" | i18n }}
           <small class="text-muted" *ngIf="name">{{ name }}</small>
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"

apps/web/src/app/organizations/manage/user-groups.component.html

@@ -2,10 +2,10 @@
   <div class="modal-dialog modal-dialog-scrollable" role="document">
     <form class="modal-content" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
       <div class="modal-header">
-        <h2 class="modal-title" id="groupAccessTitle">
+        <h1 class="modal-title" id="groupAccessTitle">
           {{ "groupAccess" | i18n }}
           <small class="text-muted" *ngIf="name">{{ name }}</small>
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"

apps/web/src/app/organizations/settings/billing-sync-api-key.component.html

@@ -8,9 +8,9 @@
       ngNativeValidate
     >
       <div class="modal-header">
-        <h2 class="modal-title" id="billingSyncApiKeyTitle">
+        <h1 class="modal-title" id="billingSyncApiKeyTitle">
           {{ (hasBillingToken ? "viewBillingSyncToken" : "generateBillingSyncToken") | i18n }}
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"

apps/web/src/app/organizations/settings/delete-organization.component.html

@@ -9,7 +9,7 @@
       *ngIf="loaded"
     >
       <div class="modal-header">
-        <h2 class="modal-title" id="deleteOrganizationTitle">{{ "deleteOrganization" | i18n }}</h2>
+        <h1 class="modal-title" id="deleteOrganizationTitle">{{ "deleteOrganization" | i18n }}</h1>
         <button
           type="button"
           class="close"

apps/web/src/app/organizations/users/enroll-master-password-reset.component.html

@@ -13,9 +13,9 @@
       ngNativeValidate
     >
       <div class="modal-header">
-        <h2 class="modal-title" id="enrollMasterPasswordResetTitle">
+        <h1 class="modal-title" id="enrollMasterPasswordResetTitle">
           {{ "enrollPasswordReset" | i18n }}
-        </h2>
+        </h1>
         <button
           type="button"
           class="close"