refactor(login, register): adjust header margins and improve error message display

src/app/features/store/pages/login-page/login-page.component.html

@@ -1,5 +1,8 @@
-<header class="login-page__header text-center">
-  <h1 id="login-title" class="auth-title">Iniciar sesion</h1>
+<header class="login-page__header text-center mb-2">
+  <h1 id="login-title" class="auth-title mb-3">Iniciar sesion</h1>
+  @if (serverError(); as errorMessage) {
+      <small class="text-danger">{{ errorMessage }}</small>
+    }
 </header>
 
 <form
@@ -45,9 +48,6 @@
   </div>
 
   <div class="d-grid gap-2 text-center">
-    @if (serverError(); as errorMessage) {
-      <small class="text-danger">{{ errorMessage }}</small>
-    }
     <app-button
       type="submit"
       hostClass="w-100 d-block"
@@ -56,6 +56,7 @@
     >
       {{ isSubmitting() ? 'Ingresando...' : 'Ingresar' }}
     </app-button>
+    
     <app-button
       type="button"
       variant="borderless"
@@ -69,7 +70,7 @@
   </div>
 </form>
 
-<div class="login-page__divider d-flex align-items-center justify-content-center gap-3" aria-hidden="true">
+<div class="login-page__divider d-flex align-items-center justify-content-center gap-3 my-4" aria-hidden="true">
   <span class="login-page__divider-line flex-grow-1"></span>
   <span class="login-page__divider-dot rounded-circle border flex-shrink-0"></span>
   <span class="login-page__divider-line flex-grow-1"></span>

src/app/features/store/pages/login-page/login-page.component.scss

@@ -3,7 +3,6 @@
 }
 
 .login-page__header {
-  margin-bottom: 1.5rem;
 }
 
 .login-page__form {
@@ -21,7 +20,6 @@
 }
 
 .login-page__divider {
-  margin-block: 1.5rem;
 }
 
 .login-page__divider-line {

src/app/features/store/pages/register-page/register-page.component.html

@@ -1,4 +1,4 @@
-<header class="register-page__header text-center">
+<header class="register-page__header text-center mb-4">
   <h1 id="register-title" class="auth-title">CREAR CUENTA</h1>
 </header>
 

src/app/features/store/pages/register-page/register-page.component.scss

@@ -3,7 +3,6 @@
 }
 
 .register-page__header {
-  margin-bottom: 1.5rem;
 }
 
 .register-page__form {

src/styles.scss

@@ -7,7 +7,7 @@
 
 @import "../node_modules/bootstrap/scss/bootstrap";
 
-:root {
+:root, app-root {
   --bs-body-font-family: "Gotham", sans-serif;
   --bs-primary: var(--tenant-primary);
   --bs-primary-rgb: var(--tenant-primary-rgb);