From e396914609e8ce0818d4245a38bca828f1a4ee7c Mon Sep 17 00:00:00 2001
From: "Kemas M. Aryadary Rasyad"
 <112590882+aryadary0706@users.noreply.github.com>
Date: Wed, 22 Jul 2026 02:15:11 +0700
Subject: [PATCH] add navigation on internify header: navigation to home from
 humic logo + crosscheck line code

---
 src/Layout/Footer-Internify.tsx               |  23 +-
 src/Layout/Header-internify.tsx               |   4 +-
 src/Layout/Navbar.tsx                         |  14 +-
 src/Pages/internify/Avatar.tsx                |   2 -
 src/Pages/internify/Breadcumbs.tsx            | 214 +++++++++---------
 src/Pages/internify/FAQpage.tsx               | 157 +++++++------
 src/Pages/internify/LoginInternify.tsx        |  12 +-
 src/Pages/internify/intern/ProjectsPage.tsx   |   2 +-
 .../internify/mentor/BaseProjectsPage.tsx     |   2 +-
 .../internify/mentor/CertificateForm.tsx      |   2 +-
 .../internify/mentor/CertificateListPage.tsx  |   4 +-
 .../internify/mentor/ProjectForumTab.tsx      |   3 -
 src/Pages/utils/showToast.tsx                 |   1 -
 src/hooks/useCertificates.ts                  |   1 -
 src/hooks/useNotification.ts                  |   1 -
 src/hooks/useProjects.ts                      |   1 -
 src/hooks/useTasks.ts                         |   5 +-
 src/hooks/useUser.ts                          |   3 +-
 src/services/MahasiswaService.ts              |   1 -
 src/services/ProjectService.ts                |   1 -
 src/services/TaskService.ts                   |   1 -
 src/services/UserService.ts                   |   1 -
 22 files changed, 220 insertions(+), 235 deletions(-)

diff --git a/src/Layout/Footer-Internify.tsx b/src/Layout/Footer-Internify.tsx
index e42432f..a23dd7e 100644
--- a/src/Layout/Footer-Internify.tsx
+++ b/src/Layout/Footer-Internify.tsx
@@ -5,38 +5,39 @@ import logoHumic from "../assets/logo.png";
 const internshipLinks = [
   { label: "Beranda", path: "/" },
   { label: "Tentang", path: "/about-us" },
-  { label: "Life At Humic", path: "/our-developer" },
+  { label: "Life At Humic", path: "" },
+  { label: "Our Developer", path: "/our-developer" }
 ];
 
 const externalLinks = [
   { label: "Humic Website", href: "https://humic.telkomuniversity.ac.id/" },
   { label: "Our Activity", href: "https://humic.telkomuniversity.ac.id/humicinmedia/" },
-  { label: "Life At Humic", href: "#" },
-  { label: "Our Developer", href: "#" },
+  { label: "Life At Humic", href: "" },
+  // { label: "Our Developer", href: "#" },
 ];
 
 const socials = [
   { label: "Instagram", icon: FaInstagram, href: "https://www.instagram.com/humicengineering/" },
   { label: "LinkedIn", icon: FaLinkedin, href: "https://www.linkedin.com/company/humic-engineering/" },
-  { label: "Email", icon: FaRegEnvelope, href: "#" },
+  { label: "Email", icon: FaRegEnvelope, href: "" },
 ];
 
 export function FooterIntern() {
   return (
     <footer className="bg-white border-t border-gray-300 px-14 py-8 flex gap-12 flex-wrap">
       {/* Brand info */}
-      <div className="flex flex-col gap-2 flex-shrink-0 w-70 items-start">
+      <div className="flex flex-col gap-1 flex-shrink-0 w-70 items-start">
         <img
           src={logoHumic}
           alt="logo humic"
-          className="w-[160px]"
+          className="w-[130px]"
         />
-        <address className="text-xs text-gray-800 leading-relaxed not-italic">
+        <address className="text-[13px] text-gray-800 not-italic mt-[10px]">
           Gedung Kultubai Selatan, Blok F
           Jl. Telekomunikasi, Terusan Buah Batu Bandung
           Jawa Barat, Indonesia. 40257
         </address>
-        <div className="flex gap-2 mt-1">
+        <div className="flex gap-2  mt-[13px]">
           {socials.map(({ label, icon: Icon, href }) => (
             <a
               key={label}
@@ -56,7 +57,7 @@ export function FooterIntern() {
       <div className="flex gap-12 flex-1 justify-end flex-wrap">
         <div className="flex flex-col gap-2 min-w-[140px]">
           <p className="text-[13px] font-bold text-gray-900">Internship</p>
-          <ul className="flex flex-col gap-0.5">
+          <ul className="flex flex-col gap-0.5 font-semibold">
             {internshipLinks.map(({ label, path }) => (
               <li key={label}>
                 <Link
@@ -71,8 +72,8 @@ export function FooterIntern() {
         </div>
 
         <div className="flex flex-col gap-2 min-w-[140px]">
-          <p className="text-[13px] font-bold text-gray-900">Eksternal</p>
-          <ul className="flex flex-col gap-0.5">
+          <p className="text-[13px] font-bold text-gray-900">Lainnya</p>
+          <ul className="flex flex-col gap-0.5 font-semibold">
             {externalLinks.map(({ label, href }) => (
               <li key={label}>
                 <a
diff --git a/src/Layout/Header-internify.tsx b/src/Layout/Header-internify.tsx
index ba2bd01..6417460 100644
--- a/src/Layout/Header-internify.tsx
+++ b/src/Layout/Header-internify.tsx
@@ -32,7 +32,9 @@ export default function Header({ toggleSidebar }: { toggleSidebar: () => void })
           <Menu className="w-6 h-6" />
         </button>
 
-        <button>
+        <button
+          onClick={() => nav("")}
+        >
           <img src={humiclogo} alt="Humic Logo" className="w-[120px] cursor-pointer" />
         </button>
       </div>
diff --git a/src/Layout/Navbar.tsx b/src/Layout/Navbar.tsx
index 1164627..9743b09 100644
--- a/src/Layout/Navbar.tsx
+++ b/src/Layout/Navbar.tsx
@@ -22,7 +22,7 @@ const Navbar = () => {
   };
 
   return (
-    <nav className="bg-[#D7E1E8] px-4 py-5 mx-5 rounded-2xl shadow-md">
+    <nav className="bg-[#D7E1E8] px-10 py-5 mx-5 rounded-2xl shadow-md">
       <div className="max-w-8xl mx-auto flex items-center justify-between">
         <img
           src={humiclogo}
@@ -56,22 +56,22 @@ const Navbar = () => {
         </div>
 
         {/* Desktop menu */}
-        <div className="hidden md:flex items-center gap-6 text-[18px] font-semibold">
+        <div className="hidden md:flex items-center gap-8 text-[18px] font-semibold">
           <button
             onClick={() => navigate("/about-us")}
-            className="hover:text-blue-600 transition cursor-pointer"
+            className="hover:text-gray-600 transition cursor-pointer"
           >
             About Us
           </button>
           <button
             onClick={handleContactClick}
-            className="hover:text-blue-600 transition cursor-pointer"
+            className="hover:text-gray-600 transition cursor-pointer"
           >
             Contact Us
           </button>
           <button
             onClick={() => navigate("/internships")}
-            className="hover:text-blue-600 transition cursor-pointer"
+            className="hover:text-gray-600 transition cursor-pointer"
           >
             Internship
           </button>
@@ -80,7 +80,7 @@ const Navbar = () => {
             onClick={() => {
               navigate("/login-internify");
             }}
-            className="block w-full text-left hover:text-red-600 transition"
+            className="hover:text-red-600 transition cursor-pointer"
           >
             Portal LMS
           </button>
@@ -125,7 +125,7 @@ const Navbar = () => {
             }}
             className="block w-full text-left hover:text-red-600 transition"
           >
-            Login
+            Portal LMS
           </button>
         </div>
       )}
diff --git a/src/Pages/internify/Avatar.tsx b/src/Pages/internify/Avatar.tsx
index 15f0ef4..60ad308 100644
--- a/src/Pages/internify/Avatar.tsx
+++ b/src/Pages/internify/Avatar.tsx
@@ -1,5 +1,3 @@
-// src/components/common/Avatar.tsx
-
 export default function Avatar({ initials }: { initials: string }) {
   return (
     <div className="w-10 h-10 rounded-full flex items-center justify-center text-xs text-white flex-shrink-0 bg-primary">
diff --git a/src/Pages/internify/Breadcumbs.tsx b/src/Pages/internify/Breadcumbs.tsx
index b4c43f3..7495af1 100644
--- a/src/Pages/internify/Breadcumbs.tsx
+++ b/src/Pages/internify/Breadcumbs.tsx
@@ -1,108 +1,106 @@
-import { Link, useLocation } from "react-router-dom";
-import useBreadcrumbs from "use-react-router-breadcrumbs";
-import { ChevronRight } from "lucide-react";
-import { useMyProjects, useProjects } from "../../hooks/useProjects";
-import { useProjectTasks } from "../../hooks/useTasks";
-
-type BreadcrumbMatch = {
-  match: { params: { slug?: string; taskSlug?: string; nameIntern?: string } };
-};
-
-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)}</>;
-};
-
-// Breadcrumb untuk halaman detail sertifikat (menggunakan nama project dari slug)
-const CertBreadcrumb = ({ match }: BreadcrumbMatch) => {
-  const { projects } = useProjects();
-  const slug = match.params.slug;
-  const project = projects?.find((p) => p.slug === slug);
-  return <>{project?.project_name ?? unslugify(slug)}</>;
-};
-
-// Breadcrumb untuk halaman submission intern (unslugify nameIntern)
-const NameInternBreadcrumb = ({ match }: BreadcrumbMatch) => {
-  return <>{unslugify(match.params.nameIntern)}</>;
-};
-
-const breadcrumbRoutes = [
-  // --- AREA INTERN ---
-  { path: '/intern', breadcrumb: 'Home' },
-  { path: '/intern/projects', breadcrumb: 'Projects' },
-  { path: '/intern/projects/:slug', breadcrumb: ProjectBreadcrumb },
-  { path: '/intern/projects/:slug/:taskSlug', breadcrumb: TaskBreadcrumb },
-  { path: '/intern/certificates', breadcrumb: 'Certificates' },
-  { path: '/intern/certificates/:slug', breadcrumb: CertBreadcrumb },
-  { path: '/intern/faq', breadcrumb: 'FAQ' },
-  { path: '/intern/notifications', breadcrumb: 'Notifications' },
-  { path: '/intern/settings', breadcrumb: 'Settings' },
-
-  // --- AREA MENTOR / ADMIN ---
-  { path: '/mentor', breadcrumb: 'Home' },
-  { path: '/mentor/projects', breadcrumb: 'List Projects' },
-  { path: '/mentor/projects/:slug', breadcrumb: ProjectBreadcrumb },
-  { path: '/mentor/projects/:slug/:taskSlug', breadcrumb: TaskBreadcrumb },
-  { path: '/mentor/projects/:slug/:taskSlug/:nameIntern', breadcrumb: NameInternBreadcrumb },
-  { path: '/mentor/certificates', breadcrumb: 'Certificates' },
-  { path: '/mentor/certificates/:slug', breadcrumb: CertBreadcrumb },
-  { path: '/mentor/certificates/:slug/result', breadcrumb: 'Result' },
-  { path: '/mentor/intern', breadcrumb: 'List Intern' },
-  { path: '/mentor/faq', breadcrumb: 'FAQ' },
-  { path: '/mentor/notifications', breadcrumb: 'Notifications' },
-  { path: '/mentor/settings', breadcrumb: 'Settings' },
-];
-
-export default function Breadcrumbs(){
-  const breadcrumbs = useBreadcrumbs(breadcrumbRoutes);
-  const location = useLocation();
-
-  const rootPaths = ['/intern', '/mentor'];
-  const isOnRootPath = rootPaths.includes(location.pathname);
-  const fixbreadcumbs = breadcrumbs.filter(({ match }) => {
-    if (match.pathname === '/') return false;
-    if (rootPaths.includes(match.pathname) && !isOnRootPath) return false;
-    return true;
-  });
-  return (
-    <nav className="text-[15px] mb-3">
-      {fixbreadcumbs.map(({ match, breadcrumb }) => {
-        const isLast = match.pathname === location.pathname;
-
-        return (
-          <span key={match.pathname} className="inline-flex items-center">
-            {isLast ? (
-              <span className="font-bold text-red-800">
-                {breadcrumb}
-                
-              </span>
-            ) : (
-              <>
-                <Link to={match.pathname} className="text-gray-800">
-                  {breadcrumb}
-                </Link>
-                <ChevronRight className="w-4 h-4 mx-1.5"/>
-              </>
-            )}
-          </span>
-        );
-      })}
-    </nav>
-  );
-};
\ No newline at end of file
+import { Link, useLocation } from "react-router-dom";
+import useBreadcrumbs from "use-react-router-breadcrumbs";
+import { ChevronRight } from "lucide-react";
+import { useMyProjects, useProjects } from "../../hooks/useProjects";
+import { useProjectTasks } from "../../hooks/useTasks";
+
+type BreadcrumbMatch = {
+  match: { params: { slug?: string; taskSlug?: string; nameIntern?: string } };
+};
+
+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 CertBreadcrumb = ({ 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 NameInternBreadcrumb = ({ match }: BreadcrumbMatch) => {
+  return <>{unslugify(match.params.nameIntern)}</>;
+};
+
+const breadcrumbRoutes = [
+  // --- AREA INTERN ---
+  { path: '/intern', breadcrumb: 'Home' },
+  { path: '/intern/projects', breadcrumb: 'Projects' },
+  { path: '/intern/projects/:slug', breadcrumb: ProjectBreadcrumb },
+  { path: '/intern/projects/:slug/:taskSlug', breadcrumb: TaskBreadcrumb },
+  { path: '/intern/certificates', breadcrumb: 'Certificates' },
+  { path: '/intern/certificates/:slug', breadcrumb: CertBreadcrumb },
+  { path: '/intern/faq', breadcrumb: 'FAQ' },
+  { path: '/intern/notifications', breadcrumb: 'Notifications' },
+  { path: '/intern/settings', breadcrumb: 'Settings' },
+
+  // --- AREA MENTOR / ADMIN ---
+  { path: '/mentor', breadcrumb: 'Home' },
+  { path: '/mentor/projects', breadcrumb: 'List Projects' },
+  { path: '/mentor/projects/:slug', breadcrumb: ProjectBreadcrumb },
+  { path: '/mentor/projects/:slug/:taskSlug', breadcrumb: TaskBreadcrumb },
+  { path: '/mentor/projects/:slug/:taskSlug/:nameIntern', breadcrumb: NameInternBreadcrumb },
+  { path: '/mentor/certificates', breadcrumb: 'Certificates' },
+  { path: '/mentor/certificates/:slug', breadcrumb: CertBreadcrumb },
+  { path: '/mentor/certificates/:slug/result', breadcrumb: 'Result' },
+  { path: '/mentor/intern', breadcrumb: 'List Intern' },
+  { path: '/mentor/faq', breadcrumb: 'FAQ' },
+  { path: '/mentor/notifications', breadcrumb: 'Notifications' },
+  { path: '/mentor/settings', breadcrumb: 'Settings' },
+];
+
+export default function Breadcrumbs(){
+  const breadcrumbs = useBreadcrumbs(breadcrumbRoutes);
+  const location = useLocation();
+
+  const rootPaths = ['/intern', '/mentor'];
+  const isOnRootPath = rootPaths.includes(location.pathname);
+  const fixbreadcumbs = breadcrumbs.filter(({ match }) => {
+    if (match.pathname === '/') return false;
+    if (rootPaths.includes(match.pathname) && !isOnRootPath) return false;
+    return true;
+  });
+  return (
+    <nav className="text-[15px] mb-3">
+      {fixbreadcumbs.map(({ match, breadcrumb }) => {
+        const isLast = match.pathname === location.pathname;
+
+        return (
+          <span key={match.pathname} className="inline-flex items-center">
+            {isLast ? (
+              <span className="font-bold text-red-800">
+                {breadcrumb}
+                
+              </span>
+            ) : (
+              <>
+                <Link to={match.pathname} className="text-gray-800">
+                  {breadcrumb}
+                </Link>
+                <ChevronRight className="w-4 h-4 mx-1.5"/>
+              </>
+            )}
+          </span>
+        );
+      })}
+    </nav>
+  );
+};
diff --git a/src/Pages/internify/FAQpage.tsx b/src/Pages/internify/FAQpage.tsx
index dfeba87..5ff20c3 100644
--- a/src/Pages/internify/FAQpage.tsx
+++ b/src/Pages/internify/FAQpage.tsx
@@ -1,79 +1,78 @@
-import api from "../../lib/api";
-import { useEffect, useState } from "react";
-
-interface FAQ {
-  id: number;
-  pertanyaan: string;
-  jawaban: string;
-  created_at: string;
-}
-
-// Skeleton item that mirrors the real FAQ card shape
-function FAQSkeleton() {
-  return (
-    <div className="relative shadow-md py-5 px-10 rounded-md bg-white border-l-6 border-gray-200 animate-pulse">
-      {/* Question bar */}
-      <div className="h-5 bg-gray-200 rounded w-2/3 mb-3" />
-      {/* Answer bars */}
-      <div className="pl-8 space-y-2">
-        <div className="h-3 bg-gray-200 rounded w-full" />
-        <div className="h-3 bg-gray-200 rounded w-4/5" />
-      </div>
-    </div>
-  );
-}
-
-export default function FAQPage() {
-  const [faq, setFaq] = useState<FAQ[]>([]);
-  const [loading, setLoading] = useState(false);
-
-  useEffect(() => {
-    setLoading(true);
-    api.get("/faq-api/get")
-      .then((res) => {
-        setFaq(res.data.data);
-      })
-      .catch((err) => {
-        console.error("Gagal fetch FAQ:", err);
-      })
-      .finally(() => {
-        setLoading(false);
-      });
-  }, []);
-
-  return (
-    <div>
-      <div className="mb-10">
-        <h1 className="page-title">FAQ</h1>
-        <p className="page-title-desc">
-          Quick answers to common questions about the Internify LMS platform.
-        </p>
-      </div>
-
-      {/* FAQ Lists */}
-      {loading ? (
-        <div className="space-y-8 max-w-auto">
-          {[...Array(5)].map((_, i) => (
-            <FAQSkeleton key={i} />
-          ))}
-        </div>
-      ) : (
-        <div className="space-y-8 max-w-auto">
-          {faq.map((item) => (
-            <div key={item.id} className="relative shadow-md group py-5 px-10 rounded-md bg-white border-l-6 border-red hover:shadow-xl">
-              
-              {/* Item Question */}
-              <h2 className="text-[17px] font-bold text-red tracking-tight leading-snug mb-2">
-                {item.pertanyaan}
-              </h2>
-
-              <p className="text-[14px] pl-8 text-redfont-light leading-relaxed tracking-normal">
-                {item.jawaban}
-              </p>
-            </div>
-          ))}
-        </div>
-      )}
-    </div>
-  );
-}
\ No newline at end of file
+import api from "../../lib/api";
+import { useEffect, useState } from "react";
+
+interface FAQ {
+  id: number;
+  pertanyaan: string;
+  jawaban: string;
+  created_at: string;
+}
+
+function FAQSkeleton() {
+  return (
+    <div className="relative shadow-md py-5 px-10 rounded-md bg-white border-l-6 border-gray-200 animate-pulse">
+      {/* Question bar */}
+      <div className="h-5 bg-gray-200 rounded w-2/3 mb-3" />
+      {/* Answer bars */}
+      <div className="pl-8 space-y-2">
+        <div className="h-3 bg-gray-200 rounded w-full" />
+        <div className="h-3 bg-gray-200 rounded w-4/5" />
+      </div>
+    </div>
+  );
+}
+
+export default function FAQPage() {
+  const [faq, setFaq] = useState<FAQ[]>([]);
+  const [loading, setLoading] = useState(false);
+
+  useEffect(() => {
+    setLoading(true);
+    api.get("/faq-api/get")
+      .then((res) => {
+        setFaq(res.data.data);
+      })
+      .catch((err) => {
+        console.error("Gagal fetch FAQ:", err);
+      })
+      .finally(() => {
+        setLoading(false);
+      });
+  }, []);
+
+  return (
+    <div>
+      <div className="mb-10">
+        <h1 className="page-title">FAQ</h1>
+        <p className="page-title-desc">
+          Quick answers to common questions about the Internify LMS platform.
+        </p>
+      </div>
+
+      {/* FAQ Lists */}
+      {loading ? (
+        <div className="space-y-8 max-w-auto">
+          {[...Array(5)].map((_, i) => (
+            <FAQSkeleton key={i} />
+          ))}
+        </div>
+      ) : (
+        <div className="space-y-8 max-w-auto">
+          {faq.map((item) => (
+            <div key={item.id} className="relative shadow-md group py-5 px-10 rounded-md bg-white border-l-6 border-red hover:shadow-xl">
+              
+              {/* Item Question */}
+              <h2 className="text-[17px] font-bold text-red tracking-tight leading-snug mb-2">
+                {item.pertanyaan}
+              </h2>
+
+              <p className="text-[14px] pl-8 text-redfont-light leading-relaxed tracking-normal">
+                {item.jawaban}
+              </p>
+            </div>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/src/Pages/internify/LoginInternify.tsx b/src/Pages/internify/LoginInternify.tsx
index 16fcb56..56d417a 100644
--- a/src/Pages/internify/LoginInternify.tsx
+++ b/src/Pages/internify/LoginInternify.tsx
@@ -58,9 +58,9 @@ export default function InternifyLogin() {
     };
 
     return (
-        <div className="min-h-screen bg-background flex flex-col justify-between items-center py-12 px-4 font-sans selection:bg-red-foreground">
-            <div className="w-full  flex flex-col items-center">
-                <div className="text-center mb-12">
+        <div className="min-h-screen bg-background flex flex-col justify-between items-center py-6 px-4 selection:bg-red-foreground">
+            <div className="w-full flex flex-col items-center mb-8">
+                <div className="text-center mb-8">
                     <div className="flex items-center justify-center gap-2 font-bold text-2xl tracking-tight text-black">
                         <img src={logo} alt="Logo" />
                     </div>
@@ -129,9 +129,9 @@ export default function InternifyLogin() {
                     </form>
                     {/* Forgot Password */}
                     <div className="text-center mt-6">
-                        <a href="#" className="text-xs font-semibold text-red-600 hover:underline">
+                        <span className="text-xs font-semibold text-red-600">
                             Forgot Password?
-                        </a>
+                        </span>
                     </div>
 
                     {/* Divider & Support */}
@@ -144,7 +144,7 @@ export default function InternifyLogin() {
                             <div className="flex-grow border-t border-card-outline"></div>
                         </div>
 
-                        <button className="w-full mt-2 flex items-center justify-center gap-2 border border-card-outline rounded-full py-1.5 text-xs text-font-shade hover:bg-gray-50 transition-colors font-medium">
+                        <button className="w-full mt-2 flex items-center justify-center gap-2 border border-card-outline rounded-full py-1.5 text-xs text-font-shade font-medium">
                             <CircleQuestionMark className="w-5 h-5" />
                             Frequently Asked Questions
                         </button>
diff --git a/src/Pages/internify/intern/ProjectsPage.tsx b/src/Pages/internify/intern/ProjectsPage.tsx
index f535ee9..0ade3f1 100644
--- a/src/Pages/internify/intern/ProjectsPage.tsx
+++ b/src/Pages/internify/intern/ProjectsPage.tsx
@@ -41,7 +41,7 @@ export default function ProjectsPage() {
         <h1 className="page-title-desc">View assigned projects and track their progress.</h1>
       </div>
 
-      <div className="flex flex-wrap gap-4 items-stretch">
+      <div className="flex flex-wrap gap-3 items-stretch">
         {renderContent()}
       </div>
     </div>
diff --git a/src/Pages/internify/mentor/BaseProjectsPage.tsx b/src/Pages/internify/mentor/BaseProjectsPage.tsx
index 8fc5826..0baa0be 100644
--- a/src/Pages/internify/mentor/BaseProjectsPage.tsx
+++ b/src/Pages/internify/mentor/BaseProjectsPage.tsx
@@ -87,7 +87,7 @@ export default function MentorProjectsPage() {
         </button>
       </div>
 
-      <div className="flex flex-wrap gap-4 items-stretch">{renderContent()}</div>
+      <div className="flex flex-wrap gap-3 items-stretch">{renderContent()}</div>
 
       {isModalOpen && (
         <CreateProjectModal
diff --git a/src/Pages/internify/mentor/CertificateForm.tsx b/src/Pages/internify/mentor/CertificateForm.tsx
index c4f498f..51eca1b 100644
--- a/src/Pages/internify/mentor/CertificateForm.tsx
+++ b/src/Pages/internify/mentor/CertificateForm.tsx
@@ -216,7 +216,7 @@ export default function CertificateDetail() {
               </button>
             )}
 
-            {/* ── Project Scope ── */}
+            {/* Project Scope */}
             <div className="border border-card-outline rounded-xl p-5">
               <p className="text-[13px] font-bold text-gray-400 uppercase tracking-widest mb-3">
                 Project Scope
diff --git a/src/Pages/internify/mentor/CertificateListPage.tsx b/src/Pages/internify/mentor/CertificateListPage.tsx
index 1fedf82..be37d64 100644
--- a/src/Pages/internify/mentor/CertificateListPage.tsx
+++ b/src/Pages/internify/mentor/CertificateListPage.tsx
@@ -45,7 +45,7 @@ export default function CertificateList() {
         </p>
       </div>
 
-      {/* Loading Skeleton — struktur sama persis dengan body */}
+      {/* Loading Skeleton - struktur sama persis dengan body */}
       {loading && (
         <div>
           <div className="h-4 w-32 bg-gray-200 rounded mb-4 animate-pulse" />
@@ -73,7 +73,7 @@ export default function CertificateList() {
         </div>
       )}
 
-      {/* Section: List Projects — hanya tampil kalau ada project */}
+      {/* Section: List Projects - hanya tampil kalau ada project */}
       {hasProjects && (
         <div>
           <h2 className="text-base font-bold text-font-shade mb-4">List Projects</h2>
diff --git a/src/Pages/internify/mentor/ProjectForumTab.tsx b/src/Pages/internify/mentor/ProjectForumTab.tsx
index 31daed3..f1e8872 100644
--- a/src/Pages/internify/mentor/ProjectForumTab.tsx
+++ b/src/Pages/internify/mentor/ProjectForumTab.tsx
@@ -8,7 +8,6 @@ import { FileText } from 'lucide-react';
 export default function MentorForumTab({ project }: { project: Project }) {
   const { tasks, loading, error } = useProjectTasks(project.id);
 
-  // Skeleton meniru layout final: kolom timeline 1/5 + list task card 4/5
   const renderSkeleton = () => (
     <div className="flex flex-col gap-7 md:flex-row md:items-start mt-5 animate-pulse">
       <div className="w-full md:w-1/5 bg-white rounded-xl p-5 border border-box-border shrink-0">
@@ -29,14 +28,12 @@ export default function MentorForumTab({ project }: { project: Project }) {
     </div>
   );
 
-  // Empty hanya valid setelah loading selesai & tidak error
   const isEmpty = !loading && !error && tasks.length === 0;
 
   return (
     <div>
       <HeroProject title={project.project_name} description={project.description} />
 
-      {/* Kondisi eksklusif: hanya satu state tampil dalam satu waktu */}
       {loading ? (
         renderSkeleton()
       ) : error ? (
diff --git a/src/Pages/utils/showToast.tsx b/src/Pages/utils/showToast.tsx
index da27052..330ade1 100644
--- a/src/Pages/utils/showToast.tsx
+++ b/src/Pages/utils/showToast.tsx
@@ -1,4 +1,3 @@
-// utils/toast.tsx
 import toast, { type Toast } from 'react-hot-toast';
 import { FiX } from 'react-icons/fi';
 import { FaCheck } from "react-icons/fa";
diff --git a/src/hooks/useCertificates.ts b/src/hooks/useCertificates.ts
index 0878fec..0e9a843 100644
--- a/src/hooks/useCertificates.ts
+++ b/src/hooks/useCertificates.ts
@@ -1,4 +1,3 @@
-// hooks/useCertificates.ts
 import { useState, useEffect, useCallback } from "react";
 import type { Certificate, CertificateVerifyResult } from "../types/certificate.types";
 import {
diff --git a/src/hooks/useNotification.ts b/src/hooks/useNotification.ts
index 553fb2d..7d05cec 100644
--- a/src/hooks/useNotification.ts
+++ b/src/hooks/useNotification.ts
@@ -1,4 +1,3 @@
-// hooks/useNotifications.ts
 import { useState, useEffect, useCallback } from "react";
 import {
   getNotifications,
diff --git a/src/hooks/useProjects.ts b/src/hooks/useProjects.ts
index 3cef22b..dad9988 100644
--- a/src/hooks/useProjects.ts
+++ b/src/hooks/useProjects.ts
@@ -1,4 +1,3 @@
-// hooks/useProject.ts
 import { useState, useEffect, useCallback } from "react";
 import type {
   Project,
diff --git a/src/hooks/useTasks.ts b/src/hooks/useTasks.ts
index 1d4c181..ce7cc72 100644
--- a/src/hooks/useTasks.ts
+++ b/src/hooks/useTasks.ts
@@ -1,4 +1,3 @@
-// hooks/useTasks.ts
 import { useState, useEffect, useCallback, useMemo } from "react";
 import type {
   ProjectTask,
@@ -46,7 +45,7 @@ export const useProjectTasks = (projectId: number) => {
     refetch();
   }, [refetch]);
 
-  return { tasks, loading, error, refetch }; // tambah refetch
+  return { tasks, loading, error, refetch };
 };
 
 // GET /task-api/tasks/{id}
@@ -276,7 +275,7 @@ export const useAllMentorTasks = (enabled: boolean) => {
   const [error, setError] = useState<string | null>(null);
 
   useEffect(() => {
-    if (!enabled) return; // tidak fetch kalau intern
+    if (!enabled) return;
     setLoading(true);
     getAllMentorTasks()
       .then(setTasks)
diff --git a/src/hooks/useUser.ts b/src/hooks/useUser.ts
index 3c5ee7f..899bf4b 100644
--- a/src/hooks/useUser.ts
+++ b/src/hooks/useUser.ts
@@ -1,5 +1,4 @@
-// hooks/useUser.ts
-import { useState, useEffect, useCallback, useRef, useSyncExternalStore } from "react";
+import { useState, useEffect, useCallback, useSyncExternalStore } from "react";
 import { loginUser, getProfile, updateProfile } from "../services/UserService";
 import type { Mahasiswa } from "../types/project.types";
 import { getMahasiswa } from "../services/MahasiswaService";
diff --git a/src/services/MahasiswaService.ts b/src/services/MahasiswaService.ts
index d570166..aa1b2e4 100644
--- a/src/services/MahasiswaService.ts
+++ b/src/services/MahasiswaService.ts
@@ -1,4 +1,3 @@
-// services/mahasiswa.service.ts
 import api from '../lib/api';
 import type { Mahasiswa, MahasiswaResponse } from "../types/project.types"
 
diff --git a/src/services/ProjectService.ts b/src/services/ProjectService.ts
index 83c2f66..14790f7 100644
--- a/src/services/ProjectService.ts
+++ b/src/services/ProjectService.ts
@@ -1,4 +1,3 @@
-// services/ProjectService.ts
 import api from "../lib/api";
 import type {
   Project,
diff --git a/src/services/TaskService.ts b/src/services/TaskService.ts
index 496f764..da3c5da 100644
--- a/src/services/TaskService.ts
+++ b/src/services/TaskService.ts
@@ -1,4 +1,3 @@
-// services/TaskService.ts
 import api from "../lib/api";
 import type {
   ProjectTask,
diff --git a/src/services/UserService.ts b/src/services/UserService.ts
index 61d60f3..531173b 100644
--- a/src/services/UserService.ts
+++ b/src/services/UserService.ts
@@ -1,4 +1,3 @@
-// services/UserService.ts
 import api from "../lib/api";
 import type { CurrentUser, UpdateProfilePayload } from "../types/user.types";
 import type { Mahasiswa, MahasiswaResponse } from "../types/project.types";