Update Mermaid diagrams for better readability and mobile-friendliness

Author: CBID2

docs/lunch-and-learns/process-docs.md

@@ -79,41 +79,46 @@ Here's a visual overview of the scheduling workflow that will be explained in de
   <summary>📊 View Workflow Diagram for Scheduling a Lunch & Learn</summary>
   <div style={{marginTop: '1rem'}}>
 ```mermaid
-%%{init: {'theme':'base', 'themeVariables': {'fontSize':'30px', 'fontFamily':'arial'}}}%%
+%%{init: {'theme':'base', 'themeVariables': {'fontSize':'16px', 'fontFamily':'Arial'}}}%%
 flowchart LR
   %% Left Column - Request Review
   subgraph A["📬 Request Review"]
     direction TB
-    A1["📅 Speaker submits<br/>request form"]
-    A2["📋 LC and DW <br/> review topic"]
-    A3["✅ Topic is approved"]
+    A1["📅 Speaker submits request form"]
+    A2["📋 LC and DW review topic"]
+    A3["✅ Topic approved"]
     A1 --> A2 --> A3
   end
 
-%% Right Column - Scheduling Stage
-subgraph B[Scheduling 📅]
-direction TB
-B1["LC Checks Calendar for Speaker preferred Dates 🗓"]
-B2["LC confirms availability of Host and Moderator 🗣️"]
-B3{"Are time slots\navailable?"}
-B4["LC Confirms and Finalizes date with Speaker 📅"]
-B5["Add Event to VC Google Calendar 📅"]
-B6[LC invites Host, Speaker, and Moderator to event 🤝]
-B7["LC requests additional time slots nor suggests postponement"]
-
+  %% Right Column - Scheduling Stage
+  subgraph B["Scheduling 📅"]
+    direction TB
+    B1["LC checks calendar for dates 🗓"]
+    B2["Confirm Host/Moderator 🗣️"]
+    B3{"Time slots available?"}
+    B4["Finalize date with Speaker"]
+    B5["Add to Google Calendar"]
+    B6["Send invites to team"]
+    B7["Request more dates if needed"]
+    
     B1 --> B2 --> B3
-    B3 -->|Yes| B4 --> B5 --> B6
-    B3 -->|No| B7 --> B1
-
-end
-
-%% Flow between columns
-A3 --> B1 --> B2 --> B3 --> B4 --> B5
-
-%% Styling
-classDef default fill:#f5f5f5,stroke:#2e8555,stroke-width:3px,color:#1a1a1a,padding:15px;
-classDef process fill:#e6f3ed,stroke:#2e8555,stroke-width:3px,color:#1a1a1a;
-class A,B process;
+    B3 -->|Yes| B4
+    B3 -->|No| B7
+    B4 --> B5 --> B6
+  end
+  
+  %% Connect the two subgraphs
+  A3 --> B1
+  
+  %% Flow within Scheduling
+  B1 --> B2 --> B3
+  B3 -->|Yes| B4 --> B5 --> B6
+  B3 -->|No| B7 --> B1
+
+  %% Styling
+  classDef default fill:#f5f5f5,stroke:#2e8555,stroke-width:2px,color:#333,padding:10px;
+  classDef process fill:#e6f3ed,stroke:#2e8555,stroke-width:2px,color:#333;
+  class A,B process;
 
 ```
 </div>

docs/monthly-challenges/facilitators-docs/facilitate-a-challenge.md

@@ -46,7 +46,7 @@ Below are diagrams of the Monthly Challenge workflow. Click to expand each secti
 #### Planning + Promoting
 
 ```mermaid
-%%{init: {'theme':'base', 'themeVariables': {'fontSize':'16px', 'fontFamily':'arial'}}}%%
+%%{init: {'theme':'base', 'themeVariables': {'fontSize':'24px', 'fontFamily':'arial'}}}%%
 flowchart LR
   %% Left Column - Planning
   subgraph A["🛠 Planning"]
@@ -79,7 +79,7 @@ flowchart LR
 #### Check-Ins + Post-Challenge
 
 ```mermaid
-%%{init: {'theme':'base', 'themeVariables': {'fontSize':'16px', 'fontFamily':'arial'}}}%%
+%%{init: {'theme':'base', 'themeVariables': {'fontSize':'23px', 'fontFamily':'arial'}}}%%
 flowchart LR
   %% Left Column - Check-Ins
   subgraph A["🧭 Check-ins"]
@@ -90,7 +90,7 @@ flowchart LR
     A1 --> A2 --> A3
   end
 
-  %% Right Column - Post Challenge
+  %% Right Column - Post-Challenge
   subgraph B["🌟 Post-Challenge"]
     direction TB
     B1["🗒️ Collect feedback and takeaways from participants"]