feat: add StoreSection component and integrate it into reutilizables test page

src/app/shared/components/store-section/store-section.component.html

@@ -0,0 +1,9 @@
+<section class="d-grid w-100 gap-3">
+  <header class="d-flex justify-content-center">
+    <h2 class="m-0 text-center text-uppercase store-section__title">{{ title() }}</h2>
+  </header>
+
+  <div class="w-100">
+    <ng-content></ng-content>
+  </div>
+</section>

src/app/shared/components/store-section/store-section.component.scss

@@ -0,0 +1,12 @@
+:host {
+  display: block;
+  width: 100%;
+}
+
+.store-section__title {
+  margin: 0;
+  font-size: 15px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  color: #000000;
+}

src/app/shared/components/store-section/store-section.component.ts

@@ -0,0 +1,12 @@
+import { ChangeDetectionStrategy, Component, input } from '@angular/core';
+
+@Component({
+  selector: 'app-store-section',
+  standalone: true,
+  templateUrl: './store-section.component.html',
+  styleUrl: './store-section.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class StoreSectionComponent {
+  readonly title = input.required<string>();
+}