feat(dashboards): add maintainer persona with dashboard restructuring (#127)

- Add Maintainer as new persona option
- Migrate dashboard to new dashboards module structure
- Rename existing dashboard to Core Developer dashboard
- Create Maintainer dashboard with persona-specific metrics
- Implement persona-aware pending actions with computed signals
- Implement persona-aware progress metrics with line and bar charts
- Move shared dashboard components to centralized location
- Update routing to use new dashboard component structure

LFXV2-649

Signed-off-by: Asitha de Silva <asithade@gmail.com>

Author: asithade

apps/lfx-one/src/app/app.routes.ts

@@ -13,7 +13,7 @@ export const routes: Routes = [
     children: [
       {
         path: '',
-        loadComponent: () => import('./modules/pages/dashboard/dashboard.component').then((m) => m.DashboardComponent),
+        loadComponent: () => import('./modules/dashboards/dashboard.component').then((m) => m.DashboardComponent),
       },
       {
         path: 'projects',

apps/lfx-one/src/app/modules/pages/dashboard/components/my-meetings/my-meetings.component.html renamed to apps/lfx-one/src/app/modules/dashboards/components/my-meetings/my-meetings.component.html

@@ -19,7 +19,7 @@ <h2 class="font-display font-semibold text-gray-900">Pending Actions</h2>
   <!-- Scrollable Content -->
   <div class="flex flex-col flex-1">
     <div class="flex flex-col gap-3" data-testid="dashboard-pending-actions-list">
-      @for (item of pendingActions; track item.text) {
+      @for (item of pendingActions(); track item.text) {
         <div
           class="p-4 border rounded-lg"
           [ngClass]="{

apps/lfx-one/src/app/modules/pages/dashboard/components/my-meetings/my-meetings.component.scss renamed to apps/lfx-one/src/app/modules/dashboards/components/my-meetings/my-meetings.component.scss

@@ -0,0 +1,47 @@
+// Copyright The Linux Foundation and each contributor to LFX.
+// SPDX-License-Identifier: MIT
+
+import { CommonModule } from '@angular/common';
+import { Component, computed, inject, output } from '@angular/core';
+import { PersonaService } from '@app/shared/services/persona.service';
+import { ButtonComponent } from '@components/button/button.component';
+import { CORE_DEVELOPER_ACTION_ITEMS, MAINTAINER_ACTION_ITEMS } from '@lfx-one/shared/constants';
+
+import type { PendingActionItem } from '@lfx-one/shared/interfaces';
+
+@Component({
+  selector: 'lfx-pending-actions',
+  standalone: true,
+  imports: [CommonModule, ButtonComponent],
+  templateUrl: './pending-actions.component.html',
+  styleUrl: './pending-actions.component.scss',
+})
+export class PendingActionsComponent {
+  private readonly personaService = inject(PersonaService);
+
+  public readonly actionClick = output<PendingActionItem>();
+  public readonly viewAll = output<void>();
+
+  /**
+   * Computed signal that returns action items based on the current persona
+   */
+  protected readonly pendingActions = computed<PendingActionItem[]>(() => {
+    const persona = this.personaService.currentPersona();
+
+    switch (persona) {
+      case 'maintainer':
+        return MAINTAINER_ACTION_ITEMS;
+      case 'core-developer':
+      default:
+        return CORE_DEVELOPER_ACTION_ITEMS;
+    }
+  });
+
+  public handleViewAll(): void {
+    this.viewAll.emit();
+  }
+
+  protected handleActionClick(item: PendingActionItem): void {
+    this.actionClick.emit(item);
+  }
+}