feat: add modals for managing interns, creating projects, and tasks

- Implemented AddInternsDialog for inviting and managing interns.
- Created CreateProjectDialog for launching new projects with detailed forms.
- Added CreateTaskDialog for task creation with deadline and submission type options.
- Enhanced Header component with navigation functionality.
- Updated MentorProjectCard to navigate correctly to mentor projects.
- Refactored SidebarMentor for improved navigation and mobile responsiveness.
- Adjusted Internify login logic to streamline user role navigation.
- Added CSS styles for consistent layout and design.
- Introduced mock data for interns to facilitate development and testing.

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

@@ -1,25 +1,33 @@
-import { Bell } from "lucide-react"
+import { Bell, Menu } from "lucide-react"
 import humiclogo from "../../../../assets/logo.png";
+import { useNavigate } from "react-router-dom";
 
-const Header = () => {
+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 shadow-md z-10'>
-      <div className=''>
-        <img
-          src={humiclogo}
-          alt="Humic Logo"
-          className="w-[130px] cursor-pointer"
-        />
+    <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-4 items-center">
-        <Bell className="w-6 h-6 hover:text-red-800"/>
-        <div className="bg-blue-500 rounded-full w-8 h-8">
+      <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>
   )
-}
-
-export default Header
+}