updates on the dispatch active page and the navbar design

src/layout/MainLayout/Drawer/DrawerContent/Navigation/NavGroup.js

@@ -26,7 +26,7 @@ import NavCollapse from './NavCollapse';
 import SimpleBar from 'components/third-party/SimpleBar';
 import Transitions from 'components/@extended/Transitions';
 
-import { MenuOrientation, ThemeMode } from 'config';
+import { MenuOrientation } from 'config';
 import useConfig from 'hooks/useConfig';
 import { dispatch, useSelector } from 'store';
 import { activeID } from 'store/reducers/menu';
@@ -227,9 +227,9 @@ const NavGroup = ({ item, lastItem, remItems, lastItemId, setSelectedItems, sele
             item.title &&
             drawerOpen && (
               <Box sx={{ pl: 3, mb: 1.5 }}>
-                <Typography variant="subtitle2" 
-                // color={theme.palette.mode === ThemeMode.DARK ? 'textSecondary' : 'text.secondary'}
-                sx={{color:'#fff'}}
+                <Typography
+                  variant="subtitle2"
+                  sx={{ color: '#fff' }}
                 >
                   {item.title}
                 </Typography>