feat(header): update brand slot to use anchor tag for navigation and include RouterLink

src/app/core/layout/store-layout/store-header/store-header.component.html

@@ -1,8 +1,9 @@
 <header class="store-layout__header">
   <div class="store-layout__header-main">
     <div class="container-xl px-3 px-md-4 py-3 py-lg-4 d-flex flex-row flex-wrap align-items-center justify-content-between gap-3">
-      <div
-        class="store-layout__brand-slot d-inline-flex align-items-center gap-3 flex-shrink-0"
+      <a
+        routerLink="/"
+        class="store-layout__brand-slot d-inline-flex align-items-center gap-3 flex-shrink-0 text-decoration-none"
         data-testid="store-header-brand-slot"
         aria-label="Logo del comercio"
       >
@@ -13,7 +14,7 @@
             <span class="store-layout__brand-logo-skeleton"></span>
           </div>
         }
-      </div>
+      </a>
 
       <div class="d-flex flex-row align-items-center gap-3 ms-auto flex-nowrap flex-grow-1 justify-content-between justify-content-md-end">
         <div class="input-group store-layout__search" role="search">

src/app/core/layout/store-layout/store-header/store-header.component.ts

@@ -1,10 +1,11 @@
 import { Component, input, output } from '@angular/core';
+import { RouterLink } from '@angular/router';
 import { CartIconComponent } from '../../../../shared/components/cart-icon/cart-icon.component';
 import { IconButtonComponent } from '../../../../shared/components/icon-button/icon-button.component';
 
 @Component({
   selector: 'app-store-header',
-  imports: [CartIconComponent, IconButtonComponent],
+  imports: [CartIconComponent, IconButtonComponent, RouterLink],
   templateUrl: './store-header.component.html',
   styleUrl: './store-header.component.scss'
 })