feat: add routing for componentes-test and create reusable button component

- Implemented lazy loading for the componentes-test feature module.
- Created a redirect route to componentes-test as the default path.
- Added a new ReutilizablesTestPageComponent to showcase reusable components.
- Developed a reusable ButtonComponent with various styles and states.
- Updated global styles to include Bootstrap.
- Added SCSS styles for the new components and pages.

src/app/features/componentes-test/pages/reutilizables-test-page/reutilizables-test-page.component.html

@@ -0,0 +1,19 @@
+<main class="app-shell">
+  <section class="button-demo card shadow-sm">
+    <div class="card-body">
+      <span class="eyebrow">Componentes reutilizables</span>
+      <h1>Button</h1>
+      <p class="lead mb-4">
+        Pagina dedicada a probar variantes del componente compartido.
+      </p>
+
+      <div class="button-grid">
+        <app-button>Primary</app-button>
+        <app-button variant="secondary">Secondary</app-button>
+        <app-button variant="danger">Danger</app-button>
+        <app-button variant="danger-secondary">Danger secondary</app-button>
+        <app-button variant="cancel">Cancel</app-button>
+      </div>
+    </div>
+  </section>
+</main>

src/app/features/componentes-test/pages/reutilizables-test-page/reutilizables-test-page.component.scss

@@ -0,0 +1,36 @@
+:host {
+  display: block;
+  min-height: 100dvh;
+}
+
+.app-shell {
+  display: grid;
+  place-items: center;
+  min-height: 100dvh;
+  padding: 1.5rem;
+}
+
+.button-demo {
+  width: min(100%, 48rem);
+  border: 0;
+}
+
+.eyebrow {
+  display: inline-block;
+  margin-bottom: 0.75rem;
+  font-size: 0.75rem;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: #6c757d;
+}
+
+h1 {
+  margin-bottom: 0.75rem;
+}
+
+.button-grid {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.75rem;
+}

src/app/features/componentes-test/pages/reutilizables-test-page/reutilizables-test-page.component.ts

@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+import { ButtonComponent } from '../../../../shared/components/button/button.component';
+
+@Component({
+  selector: 'app-reutilizables-test-page',
+  imports: [ButtonComponent],
+  templateUrl: './reutilizables-test-page.component.html',
+  styleUrl: './reutilizables-test-page.component.scss'
+})
+export class ReutilizablesTestPageComponent {}