feat(diagrams): add comprehensive architecture and use case diagrams for client mobile application

firebase/internal-launchpad/assets/diagrams/diagrams-config.json

@@ -73,7 +73,7 @@
   },
   {
     "path": "assets/diagrams/legacy/staff-mobile-application/backend-architecture.mermaid",
-    "title": "Legacy App Use Cases",
+    "title": "Legacy App Backend Architecture",
     "type": "mermaid",
     "icon": "bi-diagram-2"
   },
@@ -82,5 +82,29 @@
     "title": "Legacy App Overview",
     "type": "mermaid",
     "icon": "bi-phone"
+  },
+  {
+    "path": "assets/diagrams/legacy/client-mobile-application/use-case-flowchart.mermaid",
+    "title": "Legacy App Use Cases",
+    "type": "mermaid",
+    "icon": "bi-diagram-2"
+  },
+  {
+    "path": "assets/diagrams/legacy/client-mobile-application/api-map.mermaid",
+    "title": "Legacy App API Map",
+    "type": "mermaid",
+    "icon": "bi-phone"
+  },
+  {
+    "path": "assets/diagrams/legacy/client-mobile-application/use-case-flows.mermaid",
+    "title": "Legacy App Use Cases BE Chart",
+    "type": "mermaid",
+    "icon": "bi-diagram-2"
+  },
+  {
+    "path": "assets/diagrams/legacy/client-mobile-application/backend-architecture.mermaid",
+    "title": "Legacy App Backend Architecture",
+    "type": "mermaid",
+    "icon": "bi-diagram-2"
   }
 ]

firebase/internal-launchpad/assets/diagrams/legacy/client-mobile-application/api-map.mermaid

@@ -0,0 +1,55 @@
+flowchart TD
+    subgraph "GraphQL API"
+        direction LR
+        subgraph "Queries"
+            Q1[getEvents]
+            Q2[getEventDetails]
+            Q3[getInvoices]
+            Q4[getInvoiceDetails]
+            Q5[getNotifications]
+            Q6[getNotificationDetails]
+            Q7[getProfile]
+            Q8[getAssignedStaff]
+        end
+
+        subgraph "Mutations"
+            M1[createEvent]
+            M2[updateProfile]
+            M3[rateStaff]
+            M4[clockIn]
+            M5[clockOut]
+            M6[uploadProfilePicture]
+        end
+    end
+
+    subgraph "Firebase"
+        direction LR
+        subgraph "Firestore Collections"
+            FS1[events]
+            FS2[invoices]
+            FS3[notifications]
+            FS4[users]
+        end
+
+        subgraph "Firebase Storage"
+            FB1[Profile Pictures]
+        end
+    end
+
+    Q1 --> FS1
+    Q2 --> FS1
+    Q3 --> FS2
+    Q4 --> FS2
+    Q5 --> FS3
+    Q6 --> FS3
+    Q7 --> FS4
+    Q8 --> FS1
+    Q8 --> FS4
+
+    M1 --> FS1
+    M2 --> FS4
+    M3 --> FS1
+    M3 --> FS4
+    M4 --> FS1
+    M5 --> FS1
+    M6 --> FB1

firebase/internal-launchpad/assets/diagrams/legacy/client-mobile-application/backend-architecture.mermaid

@@ -0,0 +1,28 @@
+flowchart TD
+    subgraph "Client"
+        A[Flutter App]
+    end
+
+    subgraph "Backend"
+        B[GraphQL Server - Node.js]
+        C[Firebase]
+    end
+
+    subgraph "Firebase Services"
+        C1[Firebase Auth]
+        C2[Firebase Firestore]
+        C3[Firebase Storage]
+    end
+
+    A -- "GraphQL Queries/Mutations" --> B
+    A -- "Authentication" --> C1
+
+    B -- "Data Operations" --> C2
+    B -- "File Operations" --> C3
+
+    C1 -- "User Tokens" --> A
+    C2 -- "Data" --> B
+    C3 -- "Files" --> B
+
+    B -- "Data/Files" --> A
+    

firebase/internal-launchpad/assets/diagrams/legacy/client-mobile-application/use-case-flows.mermaid

@@ -0,0 +1,45 @@
+flowchart TD
+    subgraph "Sign-In Flow"
+        A1[User enters credentials] --> B1{SignInBloc};
+        B1 --> C1[Firebase Auth: signInWithEmailAndPassword];
+        C1 -- Success --> D1[Navigate to Home];
+        C1 -- Failure --> E1[Show error message];
+    end
+
+    subgraph "Password Reset Flow"
+        A2[User requests password reset] --> B2{SignInBloc};
+        B2 --> C2[Firebase Auth: sendPasswordResetEmail];
+        C2 -- Email Sent --> D2[User clicks deep link];
+        D2 --> E2[UI with new password fields];
+        E2 --> F2{SignInBloc};
+        F2 --> G2[Firebase Auth: confirmPasswordReset];
+        G2 -- Success --> H2[Show success message];
+        G2 -- Failure --> I2[Show error message];
+    end
+
+    subgraph "Event Listing Flow"
+        A3[User navigates to Events screen] --> B3{EventsBloc};
+        B3 --> C3[GraphQL Query: getEvents];
+        C3 --> D3[Firestore: events collection];
+        D3 -- Returns event data --> C3;
+        C3 -- Returns data --> B3;
+        B3 --> E3[Display list of events];
+    end
+
+    subgraph "Create Event Flow"
+        A4[User submits new event form] --> B4{CreateEventBloc};
+        B4 --> C4[GraphQL Mutation: createEvent];
+        C4 --> D4[Firestore: events collection];
+        D4 -- Success --> C4;
+        C4 -- Returns success --> B4;
+        B4 --> E4[Navigate to event details];
+    end
+
+    subgraph "Profile Viewing Flow"
+        A5[User navigates to Profile screen] --> B5{ProfileBloc};
+        B5 --> C5[GraphQL Query: getProfile];
+        C5 --> D5[Firestore: users collection];
+        D5 -- Returns profile data --> C5;
+        C5 -- Returns data --> B5;
+        B5 --> E5[Display profile information];
+    end