fix: enhance MainDrawer with typed MenuItem structure and submenu handling

src/components/MainDrawer.tsx

@@ -189,6 +189,8 @@ const MainDrawer = ({
     );
 
     const traverseMenuTitle = (menu: typeof activeMenu) => {
+      if (!menu) return;
+
       const hasSubmenu = menu?.submenu && menu?.submenu.length > 0;
 
       if (!title) {
@@ -197,7 +199,7 @@ const MainDrawer = ({
         title += ' - ' + menu?.title;
       }
 
-      if (!hasSubmenu) return;
+      if (!hasSubmenu || !menu.submenu) return;
 
       const activeSubmenu = menu.submenu.find((item) =>
         isPathActive(pathname, item.link)

src/config/constant.ts

@@ -1,4 +1,13 @@
-export const MAIN_DRAWER_LINKS = [
+export type MenuItem = {
+  title: string;
+  link: string;
+  icon: string;
+  submenu?: MenuItem[];
+};
+
+type MainDrawerLink = MenuItem;
+
+export const MAIN_DRAWER_LINKS: MainDrawerLink[] = [
   {
     title: 'Dashboard',
     link: '/dashboard',
@@ -119,4 +128,3 @@ export const PRODUCT_FLAG_OPTIONS = [
   { label: 'VITAMIN', value: 'VITAMIN' },
   { label: 'KIMIA', value: 'KIMIA' },
 ];
-