updated route pathing, skills.tsx for skill card abstraction and header for mobile

src/styles/components/header.css

@@ -73,6 +73,11 @@
     margin: 0 auto;
 }
 
+.mobile-page-title {
+    display: none;
+    /* Hidden on desktop */
+}
+
 .mobile-toggle {
     display: none;
     flex-direction: column;
@@ -100,9 +105,20 @@
         text-align: left;
     }
 
+    .mobile-page-title {
+        display: block;
+        color: white;
+        font-size: 1.2rem;
+        font-weight: 700;
+        letter-spacing: 0.5px;
+        z-index: 1001;
+        /* Ensure visible above nav overlay if needed, though nav usually covers content */
+        position: relative;
+    }
+
     .header-content {
-        justify-content: flex-end;
-        /* Align hamburger to right */
+        justify-content: space-between;
+        /* Push title left, hamburger right */
     }
 
     .mobile-toggle {