feat: Refactor mentor components and implement project management features

- Removed unused imports and interfaces in HomeProjectList component.
- Added ArrowDownNarrowWide icon to ProjectTimeline component for visual enhancement.
- Updated layout imports to reflect new component structure.
- Created BaseProjectsPage for mentor to manage projects with navigation.
- Introduced MentorCertificatePage as a placeholder for future certificate functionality.
- Deleted obsolete HomeMentorPage and replaced it with HomePage for mentor dashboard.
- Added InternsPage and updated MentorInternPage for better intern management.
- Implemented ProjectForumTab and ProjectsInternTab for project details and intern listings.
- Developed TaskTab for task management within projects.
- Created SidebarMentor for navigation in mentor dashboard.
- Enhanced login functionality with user role-based navigation.
- Updated mockData to include task submission counts and certificate data structure.
- Added new assets for certificate representation.

src/Pages/internify/mentor/BaseProjectsPage.tsx

@@ -0,0 +1,51 @@
+import { mockProjects } from '../../../lib/mockData'
+import MentorProjectCard from './components/MentorProjectCard'
+import { Plus } from 'lucide-react'
+import { useNavigate } from 'react-router-dom' // Import useNavigate
+
+const MentorProjectsPage = () => {
+  const navigate = useNavigate()
+
+  const handleJoinProject = () => {
+    // Navigasi ke halaman tujuan, silakan ganti '/path-tujuan' sesuai rute kamu
+    navigate('/path-tujuan') 
+  }
+
+  return (
+    <div className="px-14 py-15 bg-gray-50 min-h-screen">
+      {/* Breadcrumb simulasi sesuai gambar */}
+      <div className="text-xs text-gray-500 mb-2">
+        <span className="text-red-600 font-medium">Home</span> &gt; <span>List Projects</span>
+      </div>
+
+      <div className="flex flex-col gap-1 mb-6">
+        <h1 className="text-4xl font-bold text-gray-900">List Projects</h1>
+        <p className="text-lg text-gray-500">Create, manage, and monitor ongoing projects and assignments.</p>
+      </div>
+
+      <div className="flex flex-wrap gap-4 items-stretch">
+        {/* Render List Project */}
+        {mockProjects.map(project => (
+          <MentorProjectCard key={project.id} {...project} />
+        ))}
+
+        {/* Tombol "Join New Project" dengan Border Putus-putus */}
+        <button
+          onClick={handleJoinProject}
+          className="w-[180px] min-h-[230px] border-2 border-dashed border-gray-400 rounded-xl flex flex-col items-center justify-center gap-3 p-4 bg-white hover:bg-gray-100 hover:border-red-600 transition-colors group"
+        >
+          {/* Lingkaran Plus */}
+          <div className="w-12 h-12 rounded-full border border-red-600 flex items-center justify-center text-red-600 group-hover:bg-red-50 transition-colors">
+            <Plus size={24} />
+          </div>
+          {/* Teks Deskripsi */}
+          <span className="text-sm font-semibold text-red-600 text-center leading-tight">
+            Join New Project
+          </span>
+        </button>
+      </div>
+    </div>
+  )
+}
+
+export default MentorProjectsPage