feat(layout): replace AuthLayout with SimpleLayout for login and registration routes

src/app/core/layout/auth-layout/auth-layout.component.html

@@ -1,13 +0,0 @@
-<section class="auth-layout">
-  <div class="auth-layout__container container-xl">
-    <div class="auth-layout__row row justify-content-center">
-      <div class="auth-layout__column col-12 col-md-9 col-lg-7 col-xl-5">
-        <article class="auth-layout__card card border-0 shadow-lg">
-          <div class="auth-layout__body card-body">
-            <router-outlet />
-          </div>
-        </article>
-      </div>
-    </div>
-  </div>
-</section>

src/app/core/layout/simple-layout/simple-layout.component.html

@@ -0,0 +1,13 @@
+<section class="simple-layout">
+  <div class="simple-layout__container container-xl">
+    <div class="simple-layout__row row justify-content-center">
+      <div class="simple-layout__column col-12 col-md-9 col-lg-7 col-xl-5">
+        <article class="simple-layout__card card border-0 shadow-lg">
+          <div class="simple-layout__body card-body">
+            <router-outlet />
+          </div>
+        </article>
+      </div>
+    </div>
+  </div>
+</section>

src/app/core/layout/simple-layout/simple-layout.component.scss

@@ -2,24 +2,24 @@
   display: block;
 }
 
-.auth-layout {
+.simple-layout {
   padding: 1.5rem 0 2rem;
 }
 
-.auth-layout__container {
+.simple-layout__container {
   padding-inline: 1rem;
 }
 
-.auth-layout__row {
+.simple-layout__row {
   padding-block: 1rem;
 }
 
-.auth-layout__card {
+.simple-layout__card {
   border-radius: 1.5rem;
   overflow: hidden;
 }
 
-.auth-layout__body {
+.simple-layout__body {
   padding: 2rem 1.5rem;
 }
 
@@ -32,19 +32,19 @@
 }
 
 @media (min-width: 768px) {
-  .auth-layout {
+  .simple-layout {
     padding: 3rem 0;
   }
 
-  .auth-layout__container {
+  .simple-layout__container {
     padding-inline: 1.5rem;
   }
 
-  .auth-layout__row {
+  .simple-layout__row {
     padding-block: 1.5rem;
   }
 
-  .auth-layout__body {
+  .simple-layout__body {
     padding: 3rem;
   }
 }

src/app/core/layout/simple-layout/simple-layout.component.ts

@@ -2,10 +2,10 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
 
 @Component({
-  selector: 'app-auth-layout',
+  selector: 'app-simple-layout',
   imports: [RouterOutlet],
-  templateUrl: './auth-layout.component.html',
-  styleUrl: './auth-layout.component.scss',
+  templateUrl: './simple-layout.component.html',
+  styleUrl: './simple-layout.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush
 })
-export class AuthLayoutComponent {}
+export class SimpleLayoutComponent {}

src/app/features/store/store.routes.ts

@@ -1,6 +1,6 @@
 import { Routes } from '@angular/router';
 
-import { AuthLayoutComponent } from '../../core/layout/auth-layout/auth-layout.component';
+import { SimpleLayoutComponent } from '../../core/layout/simple-layout/simple-layout.component';
 import { StoreLayoutComponent } from '../../core/layout/store-layout/store-layout.component';
 import { authGuard, guestOnlyGuard } from '../../core/services/auth/auth.guards';
 import { LoginPageComponent } from './pages/login-page/login-page.component';
@@ -19,7 +19,7 @@ export const routes: Routes = [
       {
         path: 'login',
         canActivate: [guestOnlyGuard],
-        component: AuthLayoutComponent,
+        component: SimpleLayoutComponent,
         children: [
           {
             path: '',
@@ -30,7 +30,7 @@ export const routes: Routes = [
       {
         path: 'register',
         canActivate: [guestOnlyGuard],
-        component: AuthLayoutComponent,
+        component: SimpleLayoutComponent,
         children: [
           {
             path: '',