feat(layout): enhance mobile navigation with title and improved layout structure

src/client/dd-hub-react/src/layouts/dashboard/layout.tsx

@@ -6,6 +6,7 @@ import { useBoolean } from 'minimal-shared/hooks';
 import Box from '@mui/material/Box';
 import Alert from '@mui/material/Alert';
 import { useTheme } from '@mui/material/styles';
+import Typography from '@mui/material/Typography';
 import useMediaQuery from '@mui/material/useMediaQuery';
 
 import { _langs, _notifications } from 'src/_mock';
@@ -106,12 +107,15 @@ export function DashboardLayout({
         </Alert>
       ),
       leftArea: (
-        <>
+        <Box sx={{ display: 'flex', alignItems: 'center', gap: 1.25 }}>
           {/** @slot Nav mobile */}
           <MenuButton
             onClick={isDesktop ? onDesktopToggle : onMobileToggle}
-            sx={{ mr: 1, ml: -1 }}
+            sx={{ ml: -1 }}
           />
+          <Typography variant="h6" sx={{ fontWeight: 700 }}>
+            Digital Data Hub
+          </Typography>
           <NavMobile
             data={navData}
             open={mobileOpen}
@@ -119,7 +123,7 @@ export function DashboardLayout({
             workspaces={_workspaces}
             layoutQuery={layoutQuery}
           />
-        </>
+        </Box>
       ),
       rightArea: (
         <Box sx={{ display: 'flex', alignItems: 'center', gap: { xs: 0, sm: 0.75 } }}>