Restructured nav items

frontend/src/config/navigationConfig.tsx

@@ -58,44 +58,10 @@ const SettingsPage = () => (<BetaPage><Typography variant="h4">Settings</Typogra
 
 export const navigationConfig: NavigationConfig = {
   items: [
-    {
+        { id: 'home', label: <BackstoryLogo />, path: '/', component: <HomePage />, userTypes: ['guest', 'candidate', 'employer'], exact: true, },
-      id: 'home',
+        { id: 'chat', label: 'Chat', path: '/chat', icon: <ChatIcon />, component: <CandidateChatPage />, userTypes: ['guest', 'candidate', 'employer',], },
-      label: <BackstoryLogo />,
+        {
-      path: '/',
+            id: 'candidate-menu', label: 'Tools', icon: <PersonIcon />, userTypes: ['candidate'], children: [
-      component: <HomePage />,
-      userTypes: ['guest', 'candidate', 'employer'],
-      exact: true,
-    },
-    {
-      id: 'find-candidate',
-      label: 'Find a Candidate',
-      path: '/find-a-candidate',
-        icon: <PersonSearchIcon />,
-      component: <CandidateListingPage />,
-      userTypes: ['guest', 'candidate', 'employer'],
-    },
-    {
-      id: 'docs',
-      label: 'Docs',
-        path: '/docs/*',
-        icon: <LibraryBooksIcon />,
-      component: <DocsPage />,
-        userTypes: ['guest', 'candidate', 'employer'],
-    },
-    {
-      id: 'chat',
-      label: 'Chat',
-      path: '/chat',
-      icon: <ChatIcon />,
-      component: <CandidateChatPage />,
-      userTypes: ['candidate', 'employer'],
-    },
-    {
-      id: 'candidate-menu',
-        label: 'Tools',
-      icon: <PersonIcon />,
-      userTypes: ['candidate'],
-      children: [
           { id: 'candidate-dashboard', label: 'Dashboard', path: '/candidate/dashboard', icon: <DashboardIcon />, component: <CandidateDashboard />, userTypes: ['candidate'] },
           { id: 'candidate-profile', label: 'Profile', icon: <PersonIcon />, path: '/candidate/profile', component: <CandidateProfile />, userTypes: ['candidate'] },
           { id: 'candidate-qa-setup', label: 'Q&A Setup', icon: <QuizIcon />, path: '/candidate/qa-setup', component: <BetaPage><Box>Candidate q&a setup page</Box></BetaPage>, userTypes: ['candidate'] },
@@ -108,86 +74,21 @@ export const navigationConfig: NavigationConfig = {
           { id: 'candidate-settings', label: 'Settings', path: '/candidate/settings', icon: <SettingsIcon />, component: <ComingSoon><Settings /></ComingSoon>, userTypes: ['candidate'], },
       ],
     },
-    {
-      id: 'employer-menu',
-      label: 'Employer Tools',
-      icon: <BusinessIcon />,
-      userTypes: ['employer'],
-      children: [
         {
-          id: 'employer-job-analysis',
+            id: 'employer-menu', label: 'Employer Tools', icon: <BusinessIcon />, userTypes: ['employer'], children: [
-          label: 'Job Analysis',
+                { id: 'employer-job-analysis', label: 'Job Analysis', path: '/employer/job-analysis', icon: <WorkIcon />, component: <JobAnalysisPage />, userTypes: ['employer'], },
-          path: '/employer/job-analysis',
+                { id: 'employer-resume-builder', label: 'Resume Builder', path: '/employer/resume-builder', icon: <DescriptionIcon />, component: <ResumeBuilderPage />, userTypes: ['employer'], },
-          icon: <WorkIcon />,
+                { id: 'employer-knowledge-explorer', label: 'Knowledge Explorer', path: '/employer/knowledge-explorer', icon: <WorkIcon />, component: <VectorVisualizerPage />, userTypes: ['employer'], },
-          component: <JobAnalysisPage />,
+                { id: 'employer-search', label: 'Search', path: '/employer/search', icon: <SearchIcon />, component: <SearchPage />, userTypes: ['employer'], },
-          userTypes: ['employer'],
+                { id: 'employer-saved', label: 'Saved', path: '/employer/saved', icon: <BookmarkIcon />, component: <SavedPage />, userTypes: ['employer'], },
-        },
+                { id: 'employer-jobs', label: 'Jobs', path: '/employer/jobs', icon: <WorkIcon />, component: <JobsPage />, userTypes: ['employer'], },
-        {
+                { id: 'employer-company', label: 'Company', path: '/employer/company', icon: <BusinessIcon />, component: <CompanyPage />, userTypes: ['employer'], },
-          id: 'employer-resume-builder',
+                { id: 'employer-analytics', label: 'Analytics', path: '/employer/analytics', icon: <BarChartIcon />, component: <AnalyticsPage />, userTypes: ['employer'], },
-          label: 'Resume Builder',
+                { id: 'employer-settings', label: 'Settings', path: '/employer/settings', icon: <SettingsIcon />, component: <SettingsPage />, userTypes: ['employer'], },
-          path: '/employer/resume-builder',
-          icon: <DescriptionIcon />,
-          component: <ResumeBuilderPage />,
-          userTypes: ['employer'],
-        },
-        {
-          id: 'employer-knowledge-explorer',
-          label: 'Knowledge Explorer',
-          path: '/employer/knowledge-explorer',
-          icon: <WorkIcon />,
-          component: <VectorVisualizerPage />,
-          userTypes: ['employer'],
-        },
-        {
-          id: 'employer-search',
-          label: 'Search',
-          path: '/employer/search',
-          icon: <SearchIcon />,
-          component: <SearchPage />,
-          userTypes: ['employer'],
-        },
-        {
-          id: 'employer-saved',
-          label: 'Saved',
-          path: '/employer/saved',
-          icon: <BookmarkIcon />,
-          component: <SavedPage />,
-          userTypes: ['employer'],
-        },
-        {
-          id: 'employer-jobs',
-          label: 'Jobs',
-          path: '/employer/jobs',
-          icon: <WorkIcon />,
-          component: <JobsPage />,
-          userTypes: ['employer'],
-        },
-        {
-          id: 'employer-company',
-          label: 'Company',
-          path: '/employer/company',
-          icon: <BusinessIcon />,
-          component: <CompanyPage />,
-          userTypes: ['employer'],
-        },
-        {
-          id: 'employer-analytics',
-          label: 'Analytics',
-          path: '/employer/analytics',
-          icon: <BarChartIcon />,
-          component: <AnalyticsPage />,
-          userTypes: ['employer'],
-        },
-        {
-          id: 'employer-settings',
-          label: 'Settings',
-          path: '/employer/settings',
-          icon: <SettingsIcon />,
-          component: <SettingsPage />,
-          userTypes: ['employer'],
-        },
             ],
         },
+        { id: 'find-candidate', label: 'Find a Candidate', path: '/find-a-candidate', icon: <PersonSearchIcon />, component: <CandidateListingPage />, userTypes: ['guest', 'candidate', 'employer'], },
+        { id: 'docs', label: 'Docs', path: '/docs/*', icon: <LibraryBooksIcon />, component: <DocsPage />, userTypes: ['guest', 'candidate', 'employer'], },
     {
         id: 'admin-menu',
         label: 'Admin',