responsiveness fix

frontend/src/components/DashboardPage.jsx

@@ -12,6 +12,7 @@ import {
   LogOut,
   Mail,
   Menu,
+  PanelLeftOpen,
   HandHelping,
   Plug,
   Send,
@@ -173,10 +174,16 @@ export default function DashboardPage() {
     window.location.assign("/login");
   }
 
+  function closeMobileMenu() {
+    if (window.matchMedia("(max-width: 767px)").matches) {
+      setMenuOpen(false);
+    }
+  }
+
   function selectCompanyItem(label) {
     setCompanyActive(label);
     setAgentNav(null);
-    setMenuOpen(false);
+    closeMobileMenu();
     setSheet(null);
   }
 
@@ -193,7 +200,7 @@ export default function DashboardPage() {
       setActive(item);
       setLens("all");
     }
-    setMenuOpen(false);
+    closeMobileMenu();
     setSheet(null);
   }
 
@@ -202,7 +209,7 @@ export default function DashboardPage() {
     setAgentNav(null);
     setActive("Inbox");
     setLens(name);
-    setMenuOpen(false);
+    closeMobileMenu();
     setSheet(null);
   }
 
@@ -211,7 +218,7 @@ export default function DashboardPage() {
     setActive("Inbox");
     setLens("all");
     setAgentNav(actionKey);
-    setMenuOpen(false);
+    closeMobileMenu();
     const compact = window.matchMedia("(max-width: 1199px)").matches;
     setSheet(actionKey === "handoff" || !compact ? null : "agent");
   }
@@ -221,7 +228,7 @@ export default function DashboardPage() {
     setActive("Inbox");
     setLens("all");
     setAgentNav(actionKey);
-    setMenuOpen(false);
+    closeMobileMenu();
     setSheet("agent");
   }
 
@@ -229,7 +236,7 @@ export default function DashboardPage() {
     setCompanyActive(null);
     setActive("Inbox");
     setLens("all");
-    setMenuOpen(false);
+    closeMobileMenu();
   }
 
   function openSheet(next) {
@@ -326,7 +333,13 @@ export default function DashboardPage() {
       <aside className={menuOpen ? "dashboard-sidebar open" : "dashboard-sidebar"}>
         <div className="dashboard-brand-row">
           <Brand />
-          <button aria-label="Close navigation" type="button" onClick={() => setMenuOpen(false)}><X size={19} /></button>
+          <button
+            aria-label={menuOpen ? "Collapse navigation" : "Expand navigation"}
+            type="button"
+            onClick={() => setMenuOpen((open) => !open)}
+          >
+            {menuOpen ? <X size={19} /> : <PanelLeftOpen size={19} />}
+          </button>
         </div>
 
         {!isOrgOnboarding && (