✨ Add journey timeline page with scroll animations (Story 2.8)

- Create useIntersectionObserver composable for scroll-triggered animations
- Add TimelineItem component with alternating layout (desktop)
- Implement journey page with i18n-based milestones data
- Add 7 career milestones (2018-2025) in FR and EN
- Gradient timeline line with animated connection points
- Glassmorphism card design with hover effects
- Respect prefers-reduced-motion for all animations

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

frontend/i18n/en.json

@@ -125,6 +125,56 @@
     "go_to": "Go to testimonial",
     "keyboard_hint": "Use \u2190 \u2192 arrows to navigate, Space to speed up"
   },
+  "journey": {
+    "title": "My Journey",
+    "page_title": "Journey | Skycel",
+    "page_description": "Discover C\u00e9lian's professional journey, from the beginning to today.",
+    "end_message": "The adventure continues... Who knows where code will take me tomorrow?",
+    "milestones": [
+      {
+        "date": "2018",
+        "title": "First steps in development",
+        "description": "Discovering code through personal projects. HTML, CSS, JavaScript became my new travel companions. The spark was there.",
+        "icon": "\ud83d\ude80"
+      },
+      {
+        "date": "2019",
+        "title": "Intensive training",
+        "description": "Deep dive into professional web development. Learning modern frameworks, best practices, and agile methodologies.",
+        "icon": "\ud83d\udcda"
+      },
+      {
+        "date": "2020",
+        "title": "First clients",
+        "description": "Starting as a freelancer. First real projects, first real challenges. Each client teaches me something new.",
+        "icon": "\ud83d\udcbc"
+      },
+      {
+        "date": "2021",
+        "title": "Specialization in Vue.js & Laravel",
+        "description": "The game-changing duo. Vue.js on the front, Laravel on the back. A stack that allows me to create complete, performant web experiences.",
+        "icon": "\u26a1"
+      },
+      {
+        "date": "2022",
+        "title": "Creating the micro-enterprise",
+        "description": "Making the entrepreneurial adventure official. The spider becomes the mascot, the Bug becomes the guide. The Skycel identity takes shape.",
+        "icon": "\ud83d\udd77\ufe0f"
+      },
+      {
+        "date": "2023-2024",
+        "title": "Ambitious projects",
+        "description": "From complex web applications to e-commerce sites, each project pushes boundaries. TypeScript, Nuxt 4, and an obsession with quality.",
+        "icon": "\ud83c\udfaf"
+      },
+      {
+        "date": "2025",
+        "title": "Today",
+        "description": "This portfolio you're exploring. An adventure in itself, reflecting my passion for creating memorable web experiences. And this is just the beginning...",
+        "icon": "\u2728"
+      }
+    ]
+  },
   "pages": {
     "projects": {
       "title": "Projects",

frontend/i18n/fr.json

@@ -125,6 +125,56 @@
     "go_to": "Aller au t\u00e9moignage",
     "keyboard_hint": "Utilisez les fl\u00e8ches \u2190 \u2192 pour naviguer, Espace pour acc\u00e9l\u00e9rer"
   },
+  "journey": {
+    "title": "Mon Parcours",
+    "page_title": "Parcours | Skycel",
+    "page_description": "D\u00e9couvrez le parcours professionnel de C\u00e9lian, de ses d\u00e9buts \u00e0 aujourd'hui.",
+    "end_message": "L'aventure continue... Qui sait o\u00f9 le code me m\u00e8nera demain ?",
+    "milestones": [
+      {
+        "date": "2018",
+        "title": "Premiers pas en d\u00e9veloppement",
+        "description": "D\u00e9couverte du code \u00e0 travers des projets personnels. HTML, CSS, JavaScript deviennent mes nouveaux compagnons de route. L'\u00e9tincelle est l\u00e0.",
+        "icon": "\ud83d\ude80"
+      },
+      {
+        "date": "2019",
+        "title": "Formation intensive",
+        "description": "Plong\u00e9e dans le monde du d\u00e9veloppement web professionnel. Apprentissage de frameworks modernes, bonnes pratiques, et m\u00e9thodologies agiles.",
+        "icon": "\ud83d\udcda"
+      },
+      {
+        "date": "2020",
+        "title": "Premiers clients",
+        "description": "Lancement en freelance. Premiers projets concrets, premiers d\u00e9fis r\u00e9els. Chaque client m'apprend quelque chose de nouveau.",
+        "icon": "\ud83d\udcbc"
+      },
+      {
+        "date": "2021",
+        "title": "Sp\u00e9cialisation Vue.js & Laravel",
+        "description": "Le duo qui change tout. Vue.js c\u00f4t\u00e9 front, Laravel c\u00f4t\u00e9 back. Une stack qui me permet de cr\u00e9er des exp\u00e9riences web compl\u00e8tes et performantes.",
+        "icon": "\u26a1"
+      },
+      {
+        "date": "2022",
+        "title": "Cr\u00e9ation de la micro-entreprise",
+        "description": "Officialisation de l'aventure entrepreneuriale. L'araign\u00e9e devient la mascotte, le Bug devient le guide. L'identit\u00e9 Skycel prend forme.",
+        "icon": "\ud83d\udd77\ufe0f"
+      },
+      {
+        "date": "2023-2024",
+        "title": "Projets ambitieux",
+        "description": "Des applications web complexes aux sites e-commerce, chaque projet repousse les limites. TypeScript, Nuxt 4, et une obsession pour la qualit\u00e9.",
+        "icon": "\ud83c\udfaf"
+      },
+      {
+        "date": "2025",
+        "title": "Aujourd'hui",
+        "description": "Ce portfolio que vous explorez. Une aventure en soi, qui refl\u00e8te ma passion pour cr\u00e9er des exp\u00e9riences web m\u00e9morables. Et ce n'est que le d\u00e9but...",
+        "icon": "\u2728"
+      }
+    ]
+  },
   "pages": {
     "projects": {
       "title": "Projets",