feat(account-page): implement sidebar layout with account sidebar and routing

src/app/features/store/pages/account-page/sidebar-layout/sidebar-layout.html

@@ -1,4 +1,4 @@
-    <div class="account-layout">
+    <div class="sidebar-layout">
       <app-account-sidebar class="account-sidebar"></app-account-sidebar>
       <div class="account-content">
         <router-outlet></router-outlet>

src/app/features/store/pages/account-page/sidebar-layout/sidebar-layout.scss

@@ -1,4 +1,4 @@
-.account-layout {
+.sidebar-layout {
   display: flex;
   margin: 0 auto;
   gap: 100px;

src/app/features/store/pages/account-page/sidebar-layout/sidebar-layout.ts

@@ -3,10 +3,10 @@ import { RouterOutlet } from '@angular/router';
 import { AccountSidebar } from '../components/account-sidebar/account-sidebar';
 
 @Component({
-  selector: 'app-account-layout',
+  selector: 'app-sidebar-layout',
   standalone: true,
   imports: [RouterOutlet, AccountSidebar],
-  templateUrl: './account-layout.html',
-  styleUrl: './account-layout.scss',
+  templateUrl: './sidebar-layout.html',
+  styleUrl: './sidebar-layout.scss',
 })
-export class AccountLayout {}
+export class SidebarLayout {}

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

@@ -81,7 +81,9 @@ export const routes: Routes = [
         path: 'mi-cuenta',
         canActivate: [authGuard],
         loadComponent: () =>
-          import('./pages/account-page/account-layout/account-layout').then((m) => m.AccountLayout),
+          import('./pages/account-page/sidebar-layout/sidebar-layout').then(
+            (m) => m.SidebarLayout,
+          ),
         children: [
           {
             path: 'datos-personales',