feat: update routing parameters, add header component, and refactor project details; enhance breadcrumb labels and task timeline

src/Pages/internify/mentor/ProjectsPage.tsx

@@ -8,7 +8,7 @@ import TaskTab from './TaskTab';
 
 // ─── ProjectDetailPage ─────────────────────────────────────────────────────────
 export default function ProjectDetailPage() {
-  const { id } = useParams<{ id: string }>();
+  const { slug } = useParams<{ slug: string }>();
   const navigate = useNavigate();
   const [activeTab, setActiveTab] = useState<'forum' | 'participants' | 'Task'>('forum');
 
@@ -20,7 +20,7 @@ export default function ProjectDetailPage() {
     }
   };
 
-  const project = mockProjects.find((p) => p.id === Number(id));
+  const project = mockProjects.find((p) => p.name === slug);
 
   if (!project) {
     return (

src/Pages/internify/mentor/components/Header.tsx

@@ -1,33 +0,0 @@
-import { Bell, Menu } from "lucide-react"
-import humiclogo from "../../../../assets/logo.png";
-import { useNavigate } from "react-router-dom";
-
-export default function Header({ toggleSidebar }: { toggleSidebar: () => void }) {
-  const nav = useNavigate();
-  return (
-    <header className='sticky top-0 flex w-full justify-between items-center py-4 px-12 bg-white border-b border-gray-300 z-10'>
-      <div className='flex items-center gap-3'>
-        {/* Tombol Burger Menu: Hanya muncul di layar < md */}
-        <button 
-          onClick={toggleSidebar} 
-          className="p-1 text-gray-600 hover:bg-gray-100 rounded-md md:hidden"
-        >
-          <Menu className="w-6 h-6" />
-        </button>
-
-        <button onClick={()=>nav('/intern')}>
-          <img src={humiclogo} alt="Humic Logo" className="w-[130px] cursor-pointer" />
-        </button>
-      </div>
-
-      <div className="flex flex-row gap-6 items-center">
-        <button onClick={()=>nav("notifications")}>
-          <Bell className="w-6 h-6 hover:text-red-800"/>
-        </button>
-        <div className="bg-blue-500 rounded-xl w-9 h-9">
-
-        </div>
-      </div>
-    </header>
-  )
-}