feat: enhance task creation and editing with success/error toasts

- Added success and error toast notifications for task creation in CreateTaskDialog.
- Implemented success and error toast notifications for task updates in EditTaskDialog.
- Integrated custom toast notifications in MentorProjectCard for project archiving.
- Removed unused mock data files related to projects, interns, deadlines, and certificates.
- Updated useProjectTasks hook to accept projectId as a number instead of a string.
- Improved error handling in useSubmission hook methods to throw errors instead of returning null.

src/Pages/internify/Breadcumbs.tsx

@@ -1,31 +1,41 @@
 import { Link, useLocation } from "react-router-dom";
 import useBreadcrumbs from "use-react-router-breadcrumbs";
 import { ChevronRight } from "lucide-react";
-import { mockProjects } from "../../lib/mockData";
+import { useMyProjects, useProjects } from "../../hooks/useProjects";
+import { useProjectTasks } from "../../hooks/useTasks";
 
-const toSlug = (name: string) => name.toLowerCase().replace(/\s+/g, '-');
-
-// Dynamic breadcrumb: ubah slug jadi nama project asli
-const ProjectNameBreadcrumb = ({ match }: { match: { params: { slug?: string } } }) => {
-  const slug = match.params.slug;
-  const project = mockProjects.find((p) => toSlug(p.name) === slug);
-  return <>{project ? project.name : slug}</>;
+type BreadcrumbMatch = {
+  match: { params: { slug?: string; taskSlug?: string } };
 };
 
-const TaskNameBreadcrumb = ({ match }: { match: { params: { slug?: string; taskSlug?: string } } }) => {
-  const { slug, taskSlug } = match.params;
-  const project = mockProjects.find((p) => toSlug(p.name) === slug);
-  const task = project?.tasks.find((t) => toSlug(t.title) === taskSlug);
-  return <>{task ? task.title : taskSlug}</>;
+const unslugify = (slug = '') =>
+  slug.replace(/-/g, ' ').replace(/\b\w/g, (c) => c.toUpperCase());
+
+const ProjectBreadcrumb = ({ match }: BreadcrumbMatch) => {
+  const { projects } = useProjects();
+  const slug = match.params.slug;
+  const project = projects?.find((p) => p.slug === slug);
+  return <>{project?.project_name ?? unslugify(slug)}</>;
+};
+
+const TaskBreadcrumb = ({ match }: BreadcrumbMatch) => {
+  const {slug, taskSlug} = match.params;
+  
+  const { projects } = useMyProjects();
+  const project = projects?.find((p) => p.slug === slug);
+
+  const { tasks } = useProjectTasks(project?.id ?? 0);
+  const task = tasks?.find((t) => t.slug === taskSlug);
+  return <>{task?.title ?? unslugify(taskSlug)}</>;
 };
 
 const breadcrumbRoutes = [
   // --- AREA INTERN ---
   { path: '/intern', breadcrumb: 'Home' },
   { path: '/intern/projects', breadcrumb: 'Projects' },
-  { path: '/intern/projects/:slug', breadcrumb: ProjectNameBreadcrumb },
+  { path: '/intern/projects/:slug', breadcrumb: ProjectBreadcrumb },
   { path: '/intern/certificates', breadcrumb: 'Certificates' },
-  { path: '/intern/projects/:slug/:taskSlug', breadcrumb: TaskNameBreadcrumb  },
+  { path: '/intern/projects/:slug/:taskSlug', breadcrumb: TaskBreadcrumb  },
   { path: '/intern/faq', breadcrumb: 'FAQ' },
   { path: '/intern/notifications', breadcrumb: 'Notifications' },
   { path: '/intern/settings', breadcrumb: 'Settings' },
@@ -33,8 +43,8 @@ const breadcrumbRoutes = [
   // --- AREA MENTOR / ADMIN ---
   { path: '/mentor', breadcrumb: 'Home' },
   { path: '/mentor/projects', breadcrumb: 'List Projects' },
-  { path: '/mentor/projects/:slug', breadcrumb: ProjectNameBreadcrumb },
-  { path: '/mentor/projects/:slug/:taskSlug', breadcrumb: TaskNameBreadcrumb },
+  { path: '/mentor/projects/:slug', breadcrumb: ProjectBreadcrumb },
+  { path: '/mentor/projects/:slug/:taskSlug', breadcrumb: TaskBreadcrumb },
   { path: '/mentor/certificates', breadcrumb: 'Certificates' },
   { path: '/mentor/intern', breadcrumb: 'List Intern' },
   { path: '/mentor/faq', breadcrumb: 'FAQ' },