feat: consolidate homelab projects, add skills dropdown, update timeline animations

- Consolidate 3 homelab projects into single 'Self-Hosted Cloud' card
- Add /homelab deep dive page with full tech stack
- Update to 4 nodes (3 control plane + 1 worker)
- Add organized skills dropdown (6 categories)
- Update timeline skills for riotpiao.com experience
- Add 'Learn more' links for all major experiences
- Change timeline animation to scroll-reveal (y-axis)

app/page.tsx

@@ -15,23 +15,25 @@ export default function Home() {
 
   const projects = t.projects.items.map((item, index) => ({
     ...item,
-    id: index === 3 
-      ? 'project-rbc' 
-      : index === 4 
-        ? 'project-aws' 
-        : undefined,
-    status: index === 3 
+    id: index === 0
+      ? 'project-homelab'
+      : index === 1 
+        ? 'project-rbc' 
+        : index === 2 
+          ? 'project-aws' 
+          : undefined,
+    status: index === 1 
       ? 'completed' as const 
-      : index === 5 
+      : index === 3 
         ? 'building' as const 
         : 'live' as const,
-    media: index === 3 
+    media: index === 1 
       ? { type: 'image' as const, url: '/rbc-images.jpeg' }
-      : index === 4
+      : index === 2
         ? { type: 'video' as const, url: 'https://www.youtube.com/watch?v=wdJ5DN15jus' }
         : undefined,
-    videoUrl: index === 5 ? 'https://github.com/rockliang/go-flink' : '#',
-    articleUrl: index === 4 ? 'https://lnkd.in/p/gm2PZkWw' : '#',
+    videoUrl: index === 3 ? 'https://github.com/rockliang/go-flink' : '#',
+    articleUrl: index === 2 ? 'https://lnkd.in/p/gm2PZkWw' : '#',
   }))
 
   return (