Project member management

frontend/src/app/[locale]/projects/[projectId]/Sidebar.tsx

@@ -1,7 +1,7 @@
 'use client';
 import { useState, useEffect } from 'react';
 import { Listbox, ListboxItem } from '@nextui-org/react';
-import { Home, Files, FlaskConical } from 'lucide-react';
+import { Home, Files, FlaskConical, Settings } from 'lucide-react';
 import { usePathname, useRouter } from '@/src/navigation';
 import useGetCurrentIds from '@/utils/useGetCurrentIds';
 import { ProjectMessages } from '@/types/project';
@@ -27,6 +27,8 @@ export default function Sidebar({ messages, locale }: Props) {
       router.push(`/projects/${projectId}/folders`, { locale: locale });
     } else if (key === 'runs') {
       router.push(`/projects/${projectId}/runs`, { locale: locale });
+    } else if (key === 'settings') {
+      router.push(`/projects/${projectId}/settings`, { locale: locale });
     }
   };
 
@@ -38,6 +40,8 @@ export default function Sidebar({ messages, locale }: Props) {
         setCurrentTab('cases');
       } else if (currentPath.includes('runs')) {
         setCurrentTab('runs');
+      } else if (currentPath.includes('settings')) {
+        setCurrentTab('settings');
       }
     };
 
@@ -60,6 +64,11 @@ export default function Sidebar({ messages, locale }: Props) {
       text: messages.testRuns,
       startContent: <FlaskConical strokeWidth={1} size={20} />,
     },
+    {
+      key: 'settings',
+      text: messages.settings,
+      startContent: <Settings strokeWidth={1} size={20} />,
+    },
   ];
 
   return (