chore(): upgrade docs dependencies to latest versions

Upgrades astro (v4→v7), @astrojs/starlight (0.15→0.41), @astrojs/svelte (v5→v9), @astrojs/vercel (v7→v11), svelte (v4→v5), sharp, and @fontsource/ibm-plex-serif to latest. Fixes Vercel nodejs18.x deprecation — adapter now correctly emits nodejs24.x runtime.

Breaking changes fixed:
- astro.config.mjs: vercel import path (removed /serverless), output hybrid→server, social config object→array, sidebar autogenerate wrapped in items array
- Content collections: migrated src/content/config.ts → src/content.config.ts with docsLoader/i18nLoader/glob loaders (Astro 6 Content Layer API)
- Components: replaced getEntry('i18n', lang) pattern with Astro.locals.t() (Starlight 0.33+ i18n API), added null-safety on entry.data access

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: tomalaforge

docs/astro.config.mjs

@@ -1,7 +1,7 @@
 import starlight from '@astrojs/starlight';
 import { defineConfig } from 'astro/config';
 import svelte from '@astrojs/svelte';
-import vercel from '@astrojs/vercel/serverless';
+import vercel from '@astrojs/vercel';
 
 export const locales = {
   root: {
@@ -40,17 +40,15 @@ export default defineConfig({
       alt: 'angular challenges logo'
     },
     favicon: './angular-challenge.ico',
-    social: {
-      github: 'https://github.com/tomalaforge/angular-challenges',
-      linkedin: 'https://www.linkedin.com/in/thomas-laforge-2b05a945/',
-      twitter: 'https://twitter.com/laforge_toma'
-    },
+    social: [
+      { icon: 'github', label: 'GitHub', href: 'https://github.com/tomalaforge/angular-challenges' },
+      { icon: 'linkedin', label: 'LinkedIn', href: 'https://www.linkedin.com/in/thomas-laforge-2b05a945/' },
+      { icon: 'x.com', label: 'X (Twitter)', href: 'https://twitter.com/laforge_toma' }
+    ],
     customCss: ['./src/styles/custom-css.css'],
     sidebar: [{
       label: 'Guides',
-      autogenerate: {
-        directory: 'guides'
-      },
+      items: [{ autogenerate: { directory: 'guides' } }],
       translations: {
         es: 'Guías',
         fr: 'Guides',
@@ -59,12 +57,9 @@ export default defineConfig({
         'zh-CN': '指南'
       }
     },
-      {
+    {
       label: 'Leaderboard',
-      autogenerate: {
-        directory: 'leaderboard',
-        collapsed: true
-      },
+      items: [{ autogenerate: { directory: 'leaderboard', collapsed: true } }],
       translations: {
         es: 'Leaderboard',
         fr: 'Leaderboard',
@@ -75,9 +70,7 @@ export default defineConfig({
     },
     {
       label: 'Challenges',
-      autogenerate: {
-        directory: 'challenges'
-      },
+      items: [{ autogenerate: { directory: 'challenges' } }],
       translations: {
         es: 'Desafíos',
         fr: 'Challenges',
@@ -119,6 +112,6 @@ export default defineConfig({
     defaultLocale: 'root',
     locales
   }), svelte()],
-  output: "hybrid",
+  output: "server",
   adapter: vercel({ imageService: true })
 });

docs/package.json

@@ -12,13 +12,13 @@
   },
   "packageManager": "pnpm@10.23.0",
   "dependencies": {
-    "@astrojs/starlight": "^0.15.1",
-    "@astrojs/svelte": "^5.2.0",
-    "@astrojs/vercel": "7.8.2",
-    "@fontsource/ibm-plex-serif": "^5.0.8",
-    "astro": "^4.0.0",
-    "sharp": "^0.32.5",
-    "svelte": "^4.2.12",
-    "typescript": "^5.4.3"
+    "@astrojs/starlight": "^0.41.7",
+    "@astrojs/svelte": "^9.0.1",
+    "@astrojs/vercel": "11.0.5",
+    "@fontsource/ibm-plex-serif": "^5.3.0",
+    "astro": "^7.2.2",
+    "sharp": "^0.35.3",
+    "svelte": "^5.56.9",
+    "typescript": "^5"
   }
 }