feat: Implement Skills page, ProjectCard and BioSection components, and update navigation and About page content.

src/components/floatingHeader.tsx

@@ -6,32 +6,38 @@ export default function FloatingHeader() {
     return (
         <header className="floating-header">
             <nav className="header-nav">
-                <Link 
-                    to="/" 
+                <Link
+                    to="/"
                     className={`nav-link ${location.pathname === "/" ? "active" : ""}`}
                 >
                     Home
                 </Link>
-                <Link 
-                    to="/work-experience" 
+                <Link
+                    to="/work-experience"
                     className={`nav-link ${location.pathname === "/work-experience" ? "active" : ""}`}
                 >
                     Work Experience
                 </Link>
-                <Link 
-                    to="/about" 
+                <Link
+                    to="/skills"
+                    className={`nav-link ${location.pathname === "/skills" ? "active" : ""}`}
+                >
+                    Skills
+                </Link>
+                <Link
+                    to="/about"
                     className={`nav-link ${location.pathname === "/about" ? "active" : ""}`}
                 >
                     About Me
                 </Link>
-                <Link 
-                    to="/projects" 
+                <Link
+                    to="/projects"
                     className={`nav-link ${location.pathname === "/projects" ? "active" : ""}`}
                 >
-                    Projects
+                    Projects and Sidequests
                 </Link>
-                <Link 
-                    to="/contact" 
+                <Link
+                    to="/contact"
                     className={`nav-link ${location.pathname === "/contact" ? "active" : ""}`}
                 >
                     Contact