fixed height issue, fixed code for grouping in diagram

pkgs/ui/src/app/layout.tsx

@@ -6,6 +6,7 @@ import {
   CssBaseline,
   IconButton,
   ThemeProvider,
+  Tooltip,
   useMediaQuery,
 } from "@mui/material";
 import { StyledEngineProvider } from "@mui/material/styles";
@@ -84,13 +85,15 @@ export default function RootLayout({
                         >
                           <div className="grid grid-cols-3">
                             <div className="col-span-1">
-                              <IconButton
-                                style={{ padding: "12px" }}
-                                hidden={true}
-                                onClick={() => setShowSidebar((c) => !c)}
-                              >
-                                {!showSidebar && <MenuIcon />}
-                              </IconButton>
+                              <Tooltip placement="right" title="Expand Sidebar">
+                                <IconButton
+                                  style={{ padding: "12px" }}
+                                  hidden={true}
+                                  onClick={() => setShowSidebar((c) => !c)}
+                                >
+                                  {!showSidebar && <MenuIcon />}
+                                </IconButton>
+                              </Tooltip>
                             </div>
                           </div>