feat(register): add register page with routing and form implementation

src/app/shared/components/button/button.component.scss

@@ -30,7 +30,8 @@
 
 .btn-outline-primary,
 .btn-outline-neutral,
-.btn-outline-danger {
+.btn-outline-danger,
+.btn-borderless {
   --bs-btn-bg: transparent;
   --bs-btn-hover-color: #fff;
   --bs-btn-active-color: #fff;
@@ -107,3 +108,22 @@
   --bs-btn-disabled-color: color-mix(in srgb, transparent 35%, var(--tenant-danger));
   --bs-btn-disabled-border-color: color-mix(in srgb, transparent 35%, var(--tenant-danger));
 }
+
+.btn-borderless {
+  min-width: auto;
+  padding-inline: 0;
+  border: 0;
+  color: var(--tenant-primary);
+  font-weight: 700;
+  --bs-btn-border-color: transparent;
+  --bs-btn-hover-color: color-mix(in srgb, black 18%, var(--tenant-primary));
+  --bs-btn-hover-bg: transparent;
+  --bs-btn-hover-border-color: transparent;
+  --bs-btn-active-color: color-mix(in srgb, black 24%, var(--tenant-primary));
+  --bs-btn-active-bg: transparent;
+  --bs-btn-active-border-color: transparent;
+  --bs-btn-disabled-color: color-mix(in srgb, transparent 35%, var(--tenant-primary));
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-border-color: transparent;
+  --bs-btn-disabled-opacity: 1;
+}

src/app/shared/components/button/button.component.spec.ts

@@ -0,0 +1,19 @@
+import { TestBed } from '@angular/core/testing';
+
+import { ButtonComponent } from './button.component';
+
+describe('ButtonComponent', () => {
+  it('applies the borderless variant class', async () => {
+    await TestBed.configureTestingModule({
+      imports: [ButtonComponent]
+    }).compileComponents();
+
+    const fixture = TestBed.createComponent(ButtonComponent);
+    fixture.componentRef.setInput('variant', 'borderless');
+    fixture.detectChanges();
+
+    const button = fixture.nativeElement.querySelector('button') as HTMLButtonElement;
+
+    expect(button.classList.contains('btn-borderless')).toBe(true);
+  });
+});

src/app/shared/components/button/button.component.ts

@@ -5,6 +5,7 @@ export type ButtonVariant =
   | 'primary'
   | 'secondary'
   | 'neutral-outline'
+  | 'borderless'
   | 'danger'
   | 'danger-secondary'
   | 'cancel';
@@ -31,6 +32,7 @@ export class ButtonComponent {
       primary: 'btn-primary',
       secondary: 'btn-outline-primary',
       'neutral-outline': 'btn-outline-neutral',
+      borderless: 'btn-borderless',
       danger: 'btn-danger',
       'danger-secondary': 'btn-outline-danger',
       cancel: 'btn-secondary'