Touch Up Dashboard

frontend/client-portal/src/layouts/dashboard/navbar/NavbarVertical.tsx

@@ -2,7 +2,7 @@ import { useEffect } from 'react';
 import { useLocation } from 'react-router-dom';
 // @mui
 import { styled, useTheme } from '@mui/material/styles';
-import { Box, Stack, Drawer } from '@mui/material';
+import { Box, Stack, Drawer, Typography } from '@mui/material';
 // hooks
 import useResponsive from '../../../hooks/useResponsive';
 import useCollapseDrawer from '../../../hooks/useCollapseDrawer';
@@ -72,13 +72,19 @@ export default function NavbarVertical({ isOpenSidebar, onCloseSidebar }: Props)
           ...(isCollapse && { alignItems: 'center' }),
         }}
       >
-        <Stack direction="row" alignItems="center" justifyContent="space-between">
-          <Logo />
-
-          {isDesktop && !isCollapse && (
+        {isDesktop && !isCollapse ? (
+          <Stack direction="row" alignItems="center" justifyContent="space-between">
+            <Stack direction="row" alignItems="center">
+              <Logo />
+              <Typography ml={3}>PRIME CENTER</Typography>
+            </Stack>
             <CollapseButton onToggleCollapse={onToggleCollapse} collapseClick={collapseClick} />
-          )}
-        </Stack>
+          </Stack>) 
+        : (
+          <Stack direction="row" alignItems="center" justifyContent="space-between">
+            <Logo />
+          </Stack>
+        )}
 
         <NavbarAccount isCollapse={isCollapse} />
       </Stack>