RLH-12 | Start implementing /account page

src/app/views/account/account-navigation/account-navigation.component.ts

@@ -0,0 +1,38 @@
+import {Component, EventEmitter, Output} from '@angular/core';
+import {ButtonComponent} from "../../../libraries/components/button/button.component";
+import {ButtonModel} from "../../../libraries/components/button/models/button.model";
+
+@Component({
+  selector: 'app-account-navigation',
+  standalone: true,
+    imports: [
+        ButtonComponent
+    ],
+  templateUrl: './account-navigation.component.html',
+  styleUrl: './account-navigation.component.scss'
+})
+export class AccountNavigationComponent {
+
+  @Output() onNavChange = new EventEmitter<string>();
+
+  selectedMenu = "ACC";
+
+  accountManagementButton: ButtonModel = {
+    disabled: () => this.selectedMenu === 'ACC',
+    click: () =>
+    {
+      this.selectedMenu = 'ACC';
+      this.onNavChange.emit(this.selectedMenu);
+    },
+    text: 'Account Management'
+  }
+
+  publicProfileButton: ButtonModel = {
+    disabled: () => this.selectedMenu === 'PPF',
+    click: () => {
+      this.selectedMenu = 'PPF';
+      this.onNavChange.emit(this.selectedMenu);
+    },
+    text: 'Public Profile'
+  }
+}