Merge pull request #23303 from overleaf/mf-onboarding-confirm-email-bs5-migration

[web] Migrate onboarding confirm email page to bootstrap 5

GitOrigin-RevId: ccba9aa7c6b3767010d823a4373bf65bb026d3c4

services/web/frontend/stylesheets/bootstrap-5/components/all.scss

@@ -27,6 +27,7 @@
 @import 'dictionary';
 @import 'link';
 @import 'pagination';
+@import 'interstitial';
 @import 'loading-spinner';
 @import 'gallery-search';
 @import 'error-boundary';

services/web/frontend/stylesheets/bootstrap-5/components/interstitial.scss

@@ -0,0 +1,23 @@
+.interstitial {
+  max-width: 400px;
+  padding: var(--spacing-08);
+  margin: 0 auto;
+  background: var(--bg-light-primary);
+  display: flex;
+  flex-direction: column;
+
+  .logo {
+    width: 130px;
+    margin: 0 auto;
+    margin-bottom: var(--spacing-08);
+  }
+
+  .btn {
+    width: 100%;
+  }
+
+  .interstitial-header {
+    margin-top: 0;
+    margin-bottom: var(--spacing-02);
+  }
+}

services/web/frontend/stylesheets/bootstrap-5/pages/all.scss

@@ -43,5 +43,6 @@
 @import 'login-register';
 @import 'login';
 @import 'register';
+@import 'onboarding-confirm-email';
 @import 'admin/admin';
 @import 'admin/project-url-lookup';

services/web/frontend/stylesheets/bootstrap-5/pages/onboarding-confirm-email.scss

@@ -0,0 +1,27 @@
+#onboarding-confirm-email {
+  .confirm-email-form .confirm-email-form-inner {
+    margin: auto;
+    max-width: 480px;
+
+    .notification {
+      margin-bottom: var(--spacing-05);
+    }
+
+    .text-danger {
+      display: flex;
+      gap: var(--spacing-03);
+      padding: var(--spacing-02);
+    }
+
+    .form-label {
+      font-weight: normal;
+    }
+
+    .form-actions {
+      margin-top: var(--spacing-07);
+      display: flex;
+      flex-direction: column;
+      gap: var(--spacing-05);
+    }
+  }
+}