fix(admissions): fix timeline dots missalignment on mobile, added admissions page to navbar in mobile

Author: JadenJSJ

app/admissions/page.tsx

@@ -162,7 +162,7 @@ export default function AdmissionsPage() {
                 className={`relative md:grid md:grid-cols-2 md:gap-8 ${index === timeline.length - 1 ? "" : "mb-12"}`}
               >
                 {/* Mobile: left dot */}
-                <div className="md:hidden absolute left-[5px] top-2 w-2.5 h-2.5 rounded-full bg-primary border-2 border-white shadow-sm z-10" />
+                <div className="md:hidden absolute left-[3px] top-2 w-2.5 h-2.5 rounded-full bg-primary border-2 border-white shadow-sm z-10" />
 
                 {/* Desktop: center dot */}
                 <div className="hidden md:block absolute left-1/2 top-2 w-3 h-3 rounded-full bg-primary border-4 border-white shadow-sm -translate-x-1/2 z-10" />

components/layout/Navbar.tsx

@@ -13,6 +13,7 @@ const navItems = [
   { name: "Campus Life", href: "/campus-life" },
   { name: "Community", href: "/community" },
   { name: "FAQ", href: "/faq" },
+  { name: "Admissions", href: "/admissions" },
 ];
 
 export function Navbar() {