feat: add breadcrumbs component and integrate with layout; update dependencies and refactor various pages

src/Pages/internify/mentor/BaseProjectsPage.tsx

@@ -16,7 +16,7 @@ export default function MentorProjectsPage(){
   };
 
   return (
-    <div className="container">
+    <div className="">
       <div className="flex justify-between items-center mb-6">
         <div className="flex flex-col">
           <h1 className="page-title">List Projects</h1>

src/Pages/internify/mentor/CertificatePage.tsx

@@ -48,12 +48,9 @@ const MentorCertificatePage = () => {
   };
 
   return (
-    <div className="px-6 md:px-14 py-8 md:py-12 bg-gray-50 min-h-screen">
-      {/* Breadcrumb & Header Title */}
+    <div>
+      {/*  Title */}
       <div className="mb-8">
-        <p className="text-xs font-semibold text-[#B30000] mb-1 flex items-center gap-1 cursor-pointer">
-          Certificates <span className="text-gray-400 font-normal">&gt;</span>
-        </p>
         <h1 className="text-3xl md:text-4xl font-bold text-gray-900 tracking-tight">Certificates</h1>
         <p className="text-sm md:text-base text-gray-500 mt-1">
           Administrate, issue, and track professional certifications for all interns.

src/Pages/internify/mentor/HomePage.tsx

@@ -4,7 +4,7 @@ import HomeMentorProject from './components/HomeMentorProject'
 
 const HomeMentorPage = () => {
   return (
-    <div className="container flex-1 bg-gray-50">
+    <div className="flex-1">
       <HomeHeader />
       <div className="flex flex-col gap-5">
         <div className="">

src/Pages/internify/mentor/InternsPage.tsx

@@ -29,7 +29,7 @@ export default function InternsManagement() {
   }, [searchEmail, selectedProject]);
 
   return (
-    <div className="w-full px-16 py-12 font-sans">
+    <div className="">
       {/* Header Title */}
       <div className="mb-6">
         <h1 className="page-title">Interns Management</h1>

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

@@ -141,7 +141,7 @@ export default function CreateProjectModal({ isOpen, onClose }: CreateProjectMod
                   key={item.id}
                   type="button"
                   onClick={() => setSelectedIcon(item.id)}
-                  className={`w-10 h-10 flex items-center justify-center rounded-lg border text-lg transition-all ${isSelected
+                  className={`w-8 h-8 flex items-center justify-center rounded-lg border text-lg transition-all ${isSelected
                       ? "border-[#B30000] bg-red-50/50 text-[#B30000] ring-2 ring-[#B30000]/20 font-bold"
                       : "border-gray-200 bg-gray-50 text-gray-500 hover:bg-gray-100"
                     }`}