build(deps): update latest

Ref: https://nodejs.org/en/blog/release/v24.0.2

.editorconfig

@@ -9,3 +9,6 @@ end_of_line = lf
 charset = utf-8
 trim_trailing_whitespace = true
 insert_final_newline = true
+
+[*.md]
+indent_size = 4

.github/ISSUE_TEMPLATE/BUG.md

@@ -6,8 +6,8 @@ labels: "bug"
 ---
 
 <!--
-  Please provide a clear and concise description of what the bug is. Include
-  screenshots if needed. Please make sure your issue has not already been fixed.
+Please provide a clear and concise description of what the bug is. Include
+screenshots if needed. Please make sure your issue has not already been fixed.
 -->
 
 ## Steps To Reproduce

.github/workflows/chromatic.yml

@@ -22,9 +22,9 @@ jobs:
       - uses: "pnpm/action-setup@v4.1.0"
 
       - name: "Setup Node.js"
-        uses: "actions/setup-node@v4.2.0"
+        uses: "actions/setup-node@v4.4.0"
         with:
-          node-version: "22.x"
+          node-version: "24.x"
           cache: "pnpm"
 
       - name: "Install dependencies"

.github/workflows/ci.yml

@@ -11,6 +11,8 @@ jobs:
     timeout-minutes: 30
     runs-on: "ubuntu-latest"
     env:
+      CI: "1"
+      TZ: "Europe/Paris"
       DO_NOT_TRACK: "1"
       TURBO_TELEMETRY_DISABLED: "1"
       NEXT_TELEMETRY_DISABLED: "1"
@@ -20,9 +22,9 @@ jobs:
       - uses: "pnpm/action-setup@v4.1.0"
 
       - name: "Setup Node.js"
-        uses: "actions/setup-node@v4.2.0"
+        uses: "actions/setup-node@v4.4.0"
         with:
-          node-version: "22.x"
+          node-version: "24.x"
           cache: "pnpm"
 
       - name: "Install dependencies"

.vscode/extensions.json

@@ -6,7 +6,6 @@
     "davidanson.vscode-markdownlint",
     "bradlc.vscode-tailwindcss",
     "mikestead.dotenv",
-    "ms-azuretools.vscode-docker",
     "antfu.pnpm-catalog-lens",
     "Lokalise.i18n-ally"
   ]

.vscode/react.code-snippets

@@ -20,7 +20,7 @@
     "scope": "typescriptreact",
     "prefix": "rfcs",
     "body": [
-      "import type { Meta, StoryObj } from \"@storybook/react\"",
+      "import type { Meta, StoryObj } from \"@storybook/nextjs\"",
       "",
       "import { ${1:ComponentName} as ${1:ComponentName}Component } from \"./${1:ComponentName}.tsx\"",
       "",

.vscode/settings.json

@@ -9,6 +9,7 @@
     "source.fixAll": "explicit",
     "source.organizeImports": "never"
   },
+  "tailwindCSS.experimental.configFile": "./configs/config-tailwind/styles.css",
   "tailwindCSS.experimental.classRegex": [
     ["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
     ["cx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]

CODE_OF_CONDUCT.md

@@ -20,21 +20,16 @@ community include:
 - Demonstrating empathy and kindness toward other people
 - Being respectful of differing opinions, viewpoints, and experiences
 - Giving and gracefully accepting constructive feedback
-- Accepting responsibility and apologizing to those affected by our mistakes,
-  and learning from the experience
-- Focusing on what is best not just for us as individuals, but for the
-  overall community
+- Accepting responsibility and apologizing to those affected by our mistakes, and learning from the experience
+- Focusing on what is best not just for us as individuals, but for the overall community
 
 Examples of unacceptable behavior include:
 
-- The use of sexualized language or imagery, and sexual attention or
-  advances of any kind
+- The use of sexualized language or imagery, and sexual attention or advances of any kind
 - Trolling, insulting or derogatory comments, and personal or political attacks
 - Public or private harassment
-- Publishing others' private information, such as a physical or email
-  address, without their explicit permission
-- Other conduct which could reasonably be considered inappropriate in a
-  professional setting
+- Publishing others' private information, such as a physical or email address, without their explicit permission
+- Other conduct which could reasonably be considered inappropriate in a professional setting
 
 ## Enforcement Responsibilities
 

CONTRIBUTING.md

@@ -31,8 +31,8 @@ The commit message guidelines adheres to [Conventional Commits](https://www.conv
 
 ### Prerequisites
 
-- [Node.js](https://nodejs.org/) >= 22.12.0 [(`nvm install 22`)](https://nvm.sh)
-- [pnpm](https://pnpm.io/) >= 10.2.1 [(`corepack enable`)](https://nodejs.org/docs/latest-v22.x/api/corepack.html)
+- [Node.js](https://nodejs.org/) >= v24.0.0 [(`nvm install 24`)](https://nvm.sh)
+- [pnpm](https://pnpm.io/) v10.11.0 [(`npm install --global corepack@0.32.0 && corepack enable`)](https://github.com/nodejs/corepack)
 - [Docker](https://www.docker.com/)
 
 ### Installation

README.md

@@ -27,10 +27,21 @@
     "nationality": "Alsace, France",
     "interests": ["Developer Full Stack", "Open-Source Enthusiast"],
     "skills": {
-    "programmingLanguages": ["JavaScript/TypeScript", "Python", "C/C++", "PHP"],
+        "programmingLanguages": [
+            "JavaScript/TypeScript",
+            "Python",
+            "C/C++",
+            "PHP"
+        ],
         "frontend": ["HTML/CSS", "Tailwind CSS", "React.js/Next.js"],
         "backend": ["Laravel", "Node.js", "Fastify", "PostgreSQL"],
-    "tools": ["GNU/Linux", "Arch Linux", "Visual Studio Code", "Git", "Docker"]
+        "tools": [
+            "GNU/Linux",
+            "Arch Linux",
+            "Visual Studio Code",
+            "Git",
+            "Docker"
+        ]
     }
 }
 ```

apps/storybook/.postcssrc.json

@@ -0,0 +1,5 @@
+{
+  "plugins": {
+    "@tailwindcss/postcss": {}
+  }
+}

apps/storybook/.storybook/main.ts

@@ -14,11 +14,8 @@ const config: StorybookConfig = {
   ],
   addons: [
     "@chromatic-com/storybook",
-    "@storybook/addon-essentials",
-    "@storybook/addon-storysource",
+    "@storybook/addon-docs",
     "@storybook/addon-a11y",
-    "@storybook/addon-interactions",
-    "storybook-dark-mode",
   ],
   framework: {
     name: "@storybook/nextjs",

apps/storybook/.storybook/preview.tsx

@@ -2,18 +2,21 @@ import "@repo/config-tailwind/styles.css"
 import "./storybook-css-overrides.css"
 import i18nMessages from "@repo/i18n/translations/en-US.json"
 import { LOCALE_DEFAULT, TIMEZONE } from "@repo/utils/constants"
-import type { Preview } from "@storybook/react"
+import type { Preview } from "@storybook/nextjs"
 import { NextIntlClientProvider } from "next-intl"
 import { ThemeProvider as NextThemeProvider } from "next-themes"
 import React from "react"
 
 const preview: Preview = {
-  globals: {
+  initialGlobals: {
     a11y: {
       manual: true,
     },
   },
   parameters: {
+    docs: {
+      codePanel: true,
+    },
     nextjs: {
       appDirectory: true,
     },

apps/storybook/package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "build": "storybook build",
     "dev": "storybook dev --port 6006 --no-open",
-    "start": "node --experimental-strip-types http-server.ts --path=storybook-static --port=6006",
+    "start": "node http-server.ts --path=storybook-static --port=6006",
     "test": "start-server-and-test \"start\" http://localhost:6006 \"test:storybook\"",
     "test:dev": "start-server-and-test \"dev\" http://localhost:6006 \"test:storybook\"",
     "test:storybook": "test-storybook --testTimeout=60000 --maxWorkers=2",
@@ -30,15 +30,10 @@
     "@repo/config-typescript": "workspace:*",
     "@chromatic-com/storybook": "catalog:",
     "@playwright/test": "catalog:",
-    "@storybook/addon-essentials": "catalog:",
-    "@storybook/addon-storysource": "catalog:",
+    "@storybook/addon-docs": "catalog:",
     "@storybook/addon-a11y": "catalog:",
-    "@storybook/addon-interactions": "catalog:",
     "@storybook/addon-themes": "catalog:",
-    "@storybook/blocks": "catalog:",
     "@storybook/nextjs": "catalog:",
-    "@storybook/react": "catalog:",
-    "@storybook/test": "catalog:",
     "@storybook/test-runner": "catalog:",
     "@types/node": "catalog:",
     "@types/react": "catalog:",
@@ -48,9 +43,9 @@
     "eslint": "catalog:",
     "start-server-and-test": "catalog:",
     "storybook": "catalog:",
-    "storybook-dark-mode": "catalog:",
     "postcss": "catalog:",
     "tailwindcss": "catalog:",
+    "@tailwindcss/postcss": "catalog:",
     "typescript-eslint": "catalog:",
     "typescript": "catalog:"
   }

apps/storybook/postcss.config.js

@@ -1,7 +0,0 @@
-const config = {
-  plugins: {
-    tailwindcss: {},
-  },
-}
-
-export default config

apps/storybook/stories/Colors.mdx

@@ -1,4 +1,9 @@
-import { Meta, Title, ColorPalette, ColorItem } from "@storybook/blocks"
+import {
+  Meta,
+  Title,
+  ColorPalette,
+  ColorItem,
+} from "@storybook/addon-docs/blocks"
 import tailwindConfig from "@repo/config-tailwind"
 
 <Meta title="Design System/Colors" />

apps/storybook/tailwind.config.js

@@ -2,11 +2,6 @@ import sharedConfig from "@repo/config-tailwind"
 
 /** @type {Pick<import('tailwindcss').Config, "presets" | "content">} */
 const config = {
-  content: [
-    ".storybook/preview.tsx",
-    "../../packages/ui/src/**/*.tsx",
-    "../../packages/blog/src/**/*.tsx",
-  ],
   presets: [sharedConfig],
 }
 

apps/website/.postcssrc.json

@@ -0,0 +1,5 @@
+{
+  "plugins": {
+    "@tailwindcss/postcss": {}
+  }
+}

apps/website/Dockerfile

@@ -1,7 +1,7 @@
-FROM node:22.13.1-slim AS node-pnpm
+FROM node:24.1.0-slim AS node-pnpm
 ENV PNPM_HOME="/pnpm"
 ENV PATH="$PNPM_HOME:$PATH"
-RUN npm install --global corepack@0.31.0 && corepack enable
+RUN npm install --global corepack@0.32.0 && corepack enable
 ENV TURBO_TELEMETRY_DISABLED=1
 ENV NEXT_TELEMETRY_DISABLED=1
 ENV DO_NOT_TRACK=1
@@ -9,7 +9,7 @@ WORKDIR /usr/src/app
 
 FROM node-pnpm AS builder
 COPY ./ ./
-RUN pnpm install --global turbo@2.4.0
+RUN pnpm install --global turbo@2.5.3
 RUN turbo prune @repo/website --docker
 
 FROM node-pnpm AS installer

apps/website/middleware.ts

@@ -21,6 +21,6 @@ export const config = {
      * - _next/image (image optimization files)
      * - favicon.ico (favicon file)
      */
-    "/((?!api|_next/static|_next/image|images|favicon.ico).*)",
+    "/((?!api|_next/static|_next/image|images|favicon.ico|robots.txt).*)",
   ],
 }

apps/website/next.config.js

@@ -8,7 +8,6 @@ const nextConfig = {
   images: {
     unoptimized: true,
   },
-  compress: false,
   eslint: {
     ignoreDuringBuilds: true,
   },

apps/website/package.json

@@ -37,6 +37,7 @@
     "eslint": "catalog:",
     "postcss": "catalog:",
     "tailwindcss": "catalog:",
+    "@tailwindcss/postcss": "catalog:",
     "typescript-eslint": "catalog:",
     "typescript": "catalog:"
   }

apps/website/postcss.config.js

@@ -1,7 +0,0 @@
-const config = {
-  plugins: {
-    tailwindcss: {},
-  },
-}
-
-export default config

apps/website/tailwind.config.js

@@ -2,11 +2,6 @@ import sharedConfig from "@repo/config-tailwind"
 
 /** @type {Pick<import('tailwindcss').Config, "presets" | "content">} */
 const config = {
-  content: [
-    "./app/**/*.tsx",
-    "../../packages/ui/src/**/*.tsx",
-    "../../packages/blog/src/**/*.tsx",
-  ],
   presets: [sharedConfig],
 }
 

configs/config-eslint/nextjs/eslint.config.js

@@ -1,29 +1,22 @@
 import { FlatCompat } from "@eslint/eslintrc"
-import storybook from "eslint-plugin-storybook"
-import tailwind from "eslint-plugin-tailwindcss"
 import typescriptESLint from "typescript-eslint"
 import config from "../eslint.config.js"
 
-const flatCompat = new FlatCompat()
+const flatCompat = new FlatCompat({
+  baseDirectory: import.meta.dirname,
+})
 
 export default typescriptESLint.config(
   ...config,
   ...flatCompat.extends("next/core-web-vitals"),
-  ...tailwind.configs["flat/recommended"],
-  ...storybook.configs["flat/recommended"],
   {
     name: "config-eslint/nextjs",
     settings: {
-      tailwindcss: {
-        callees: ["classNames", "cva"],
-      },
       react: {
         version: "detect",
       },
     },
     rules: {
-      "tailwindcss/classnames-order": "off",
-      "tailwindcss/no-custom-classname": "off",
       "@next/next/no-html-link-for-pages": "off",
       "@next/next/no-img-element": "off",
       "react/self-closing-comp": [

configs/config-eslint/package.json

@@ -25,8 +25,6 @@
     "eslint-plugin-promise": "catalog:",
     "eslint-plugin-unicorn": "catalog:",
     "eslint-config-next": "catalog:",
-    "eslint-plugin-storybook": "catalog:",
-    "eslint-plugin-tailwindcss": "catalog:",
     "eslint-plugin-import-x": "catalog:",
     "typescript": "catalog:",
     "globals": "catalog:"

configs/config-tailwind/.postcssrc.json

@@ -0,0 +1,5 @@
+{
+  "plugins": {
+    "@tailwindcss/postcss": {}
+  }
+}

configs/config-tailwind/classNames.ts

@@ -1,4 +1,5 @@
-import { type ClassValue, clsx } from "clsx"
+import type { ClassValue } from "clsx"
+import { clsx } from "clsx"
 import { twMerge } from "tailwind-merge"
 
 export const classNames = (...inputs: ClassValue[]): string => {

configs/config-tailwind/index.d.ts

@@ -1,3 +1,5 @@
 import type { Config } from "tailwindcss"
 
-export default Config
+declare const config: Config
+
+export default config

configs/config-tailwind/package.json

@@ -27,6 +27,7 @@
     "typescript-eslint": "catalog:",
     "eslint": "catalog:",
     "postcss": "catalog:",
-    "tailwindcss": "catalog:"
+    "tailwindcss": "catalog:",
+    "@tailwindcss/postcss": "catalog:"
   }
 }

configs/config-tailwind/postcss.config.js

@@ -1,7 +0,0 @@
-const config = {
-  plugins: {
-    tailwindcss: {},
-  },
-}
-
-export default config

configs/config-tailwind/styles.css

@@ -1,12 +1,17 @@
-@import "@fontsource/montserrat/400.css";
-@import "@fontsource/montserrat/500.css";
-@import "@fontsource/montserrat/600.css";
-@import "@fontsource/montserrat/700.css";
-@import "@fontsource/montserrat/800.css";
+@import "tailwindcss";
+@config "./tailwind.config.js";
 
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@source "../../apps/website/app";
+@source "../../apps/website/components";
+@source "../../apps/storybook/.storybook";
+@source "../../packages/ui/src";
+@source "../../packages/blog/src";
+
+@import "@fontsource/montserrat/400.css" layer(base);
+@import "@fontsource/montserrat/500.css" layer(base);
+@import "@fontsource/montserrat/600.css" layer(base);
+@import "@fontsource/montserrat/700.css" layer(base);
+@import "@fontsource/montserrat/800.css" layer(base);
 
 @layer base {
   [type="search"]::-webkit-search-decoration,
@@ -14,6 +19,11 @@
     appearance: none;
   }
 
+  button:not(:disabled),
+  [role="button"]:not(:disabled) {
+    cursor: pointer;
+  }
+
   b,
   strong {
     @apply font-semibold;

configs/config-typescript/tsconfig.json

@@ -11,6 +11,7 @@
     "noUncheckedIndexedAccess": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
 
     "verbatimModuleSyntax": true,
     "isolatedModules": true,

package.json

@@ -3,15 +3,14 @@
   "version": "0.0.0-develop",
   "private": true,
   "type": "module",
-  "packageManager": "pnpm@10.2.1+sha512.398035c7bd696d0ba0b10a688ed558285329d27ea994804a52bad9167d8e3a72bcb993f9699585d3ca25779ac64949ef422757a6c31102c12ab932e5cbe5cc92",
+  "packageManager": "pnpm@10.11.0+sha512.6540583f41cc5f628eb3d9773ecee802f4f9ef9923cc45b69890fb47991d4b092964694ec3a4f738a420c918a333062c8b925d312f42e4f0c263eb603551f977",
   "engines": {
-    "node": ">=22.12.0",
-    "pnpm": ">=10.2.1"
+    "node": ">=24.0.0"
   },
   "scripts": {
-    "build": "turbo run build",
     "dev": "turbo run dev --parallel",
     "start": "turbo run start --parallel",
+    "build": "turbo run build",
     "test": "turbo run test",
     "lint:editorconfig": "editorconfig-checker",
     "lint:markdown": "markdownlint-cli2",

packages/blog/.postcssrc.json

@@ -0,0 +1,5 @@
+{
+  "plugins": {
+    "@tailwindcss/postcss": {}
+  }
+}

packages/blog/package.json

@@ -43,12 +43,12 @@
     "@types/react": "catalog:",
     "@types/react-dom": "catalog:",
     "@total-typescript/ts-reset": "catalog:",
-    "@storybook/blocks": "catalog:",
-    "@storybook/react": "catalog:",
-    "@storybook/test": "catalog:",
+    "storybook": "catalog:",
+    "@storybook/nextjs": "catalog:",
     "eslint": "catalog:",
     "postcss": "catalog:",
     "tailwindcss": "catalog:",
+    "@tailwindcss/postcss": "catalog:",
     "typescript-eslint": "catalog:",
     "typescript": "catalog:"
   }

packages/blog/postcss.config.js

@@ -1,7 +0,0 @@
-const config = {
-  plugins: {
-    tailwindcss: {},
-  },
-}
-
-export default config

packages/blog/posts/git-ultimate-guide.md

@@ -88,6 +88,8 @@ git commit -m "Commit message"
 
 # Commit changes in the past
 git commit --date "10 day ago" -m "Commit message"
+# Also update the committer date for the last commit
+git filter-branch --env-filter 'export GIT_COMMITTER_DATE="$GIT_AUTHOR_DATE"' HEAD^..HEAD
 
 # Add remote repository
 git remote add <remote> <url>

packages/blog/src/stories/BlogPostUI.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/nextjs"
 
 import { BLOG_POST_MOCK } from "../BlogPost.ts"
 import { BlogPostUI as BlogPostUIComponent } from "../BlogPostUI.tsx"

packages/blog/src/stories/BlogPosts.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/nextjs"
 
 import { BLOG_POST_MOCK } from "../BlogPost.ts"
 import { BlogPosts as BlogPostsComponent } from "../BlogPosts.tsx"

packages/blog/tailwind.config.js

@@ -2,7 +2,6 @@ import sharedConfig from "@repo/config-tailwind"
 
 /** @type {Pick<import('tailwindcss').Config, "presets" | "content">} */
 const config = {
-  content: ["./src/**/*.tsx"],
   presets: [sharedConfig],
 }
 

packages/i18n/src/messages.d.ts

@@ -1,10 +1,9 @@
-import type fr from "./translations/fr-FR.json"
+import type { routing } from "./routing.ts"
+import type messages from "./translations/en-US.json"
 
-type Messages = typeof fr
-
-declare global {
-  /**
-   * Use type safe message keys with `next-intl`.
-   */
-  interface IntlMessages extends Messages {}
+declare module "next-intl" {
+  interface AppConfig {
+    Locale: (typeof routing.locales)[number]
+    Messages: typeof messages
+  }
 }

packages/i18n/src/request.ts

@@ -1,15 +1,16 @@
 import type { AbstractIntlMessages } from "next-intl"
+import { hasLocale } from "next-intl"
 import { getRequestConfig } from "next-intl/server"
+import { routing } from "./routing.ts"
 
-import type { Locale } from "@repo/utils/constants"
-import { LOCALE_DEFAULT, LOCALES } from "@repo/utils/constants"
+import { LOCALE_DEFAULT } from "@repo/utils/constants"
 import { deepMerge } from "@repo/utils/objects"
 
 export default getRequestConfig(async ({ requestLocale }) => {
-  let locale = await requestLocale
-  if (!LOCALES.includes(locale as Locale)) {
-    locale = LOCALE_DEFAULT
-  }
+  const requested = await requestLocale
+  const locale = hasLocale(routing.locales, requested)
+    ? requested
+    : routing.defaultLocale
 
   const userMessages = (await import(`./translations/${locale}.json`)).default
   const defaultMessages = (

packages/i18n/src/translations/en-US.json

@@ -140,6 +140,10 @@
       "title": "Open-Source"
     },
     "portfolio": {
+      "fusey": {
+        "description": "ARK: Survival Ascended Wiki and Player stats tracker.",
+        "title": "Fusey"
+      },
       "carolo": {
         "description": "Strategy board game similar to chess which allows grandiose moves (only available in French).",
         "title": "Carolo"

packages/i18n/src/translations/fr-FR.json

@@ -140,6 +140,10 @@
       "title": "Open-Source"
     },
     "portfolio": {
+      "fusey": {
+        "description": "ARK: Survival Ascended Wiki et suivi des statistiques des joueurs.",
+        "title": "Fusey"
+      },
       "carolo": {
         "description": "Jeu de plateau stratégique similaire aux échecs qui permet des coups grandioses, reposant sur des enchaînements remarquables.",
         "title": "Carolo"

packages/ui/.postcssrc.json

@@ -0,0 +1,5 @@
+{
+  "plugins": {
+    "@tailwindcss/postcss": {}
+  }
+}

packages/ui/package.json

@@ -45,12 +45,12 @@
     "@types/react": "catalog:",
     "@types/react-dom": "catalog:",
     "@total-typescript/ts-reset": "catalog:",
-    "@storybook/blocks": "catalog:",
-    "@storybook/react": "catalog:",
-    "@storybook/test": "catalog:",
+    "storybook": "catalog:",
+    "@storybook/nextjs": "catalog:",
     "eslint": "catalog:",
     "postcss": "catalog:",
     "tailwindcss": "catalog:",
+    "@tailwindcss/postcss": "catalog:",
     "typescript-eslint": "catalog:",
     "typescript": "catalog:"
   }

packages/ui/postcss.config.js

@@ -1,7 +0,0 @@
-const config = {
-  plugins: {
-    tailwindcss: {},
-  },
-}
-
-export default config

packages/ui/src/CurriculumVitae/CurriculumVitae.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/nextjs"
 
 import { CurriculumVitae as CurriculumVitaeComponent } from "./CurriculumVitae.tsx"
 

packages/ui/src/Design/Button/Button.stories.tsx

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react"
-import { expect, fn, userEvent, within } from "@storybook/test"
+import type { Meta, StoryObj } from "@storybook/nextjs"
+import { expect, fn, userEvent, within } from "storybook/test"
 import { FaCheck } from "react-icons/fa"
 
 import type { ButtonLinkProps } from "./Button.tsx"

packages/ui/src/Design/Link/Link.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/nextjs"
 
 import { Link } from "./Link.tsx"
 

packages/ui/src/Design/Spinner/Spinner.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/nextjs"
 
 import { Spinner } from "./Spinner.tsx"
 

packages/ui/src/Design/Typography/Typography.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/nextjs"
 
 import type { TypographyProps } from "./Typography.tsx"
 import { Typography } from "./Typography.tsx"

packages/ui/src/Errors/ErrorNotFound/ErrorNotFound.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/nextjs"
 
 import { ErrorNotFound as ErrorNotFoundComponent } from "./ErrorNotFound.tsx"
 

packages/ui/src/Errors/ErrorServer/ErrorServer.stories.tsx

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react"
-import { expect, fn, userEvent, within } from "@storybook/test"
+import type { Meta, StoryObj } from "@storybook/nextjs"
+import { expect, fn, userEvent, within } from "storybook/test"
 
 import { ErrorServer as ErrorServerComponent } from "./ErrorServer.tsx"
 

packages/ui/src/Home/About/About.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/nextjs"
 
 import { About as AboutComponent } from "./About.tsx"
 

packages/ui/src/Home/Interests/Interests.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/nextjs"
 
 import { Interests as InterestsComponent } from "./Interests.tsx"
 

packages/ui/src/Home/OpenSource/OpenSource.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/nextjs"
 
 import { OpenSource as OpenSourceComponent } from "./OpenSource.tsx"
 

packages/ui/src/Home/Portfolio/Portfolio.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/nextjs"
 
 import { Portfolio as PortfolioComponent } from "./Portfolio.tsx"
 

packages/ui/src/Home/Portfolio/Portfolio.tsx

@@ -9,18 +9,25 @@ export const Portfolio: React.FC<PortfolioProps> = () => {
   const t = useTranslations()
 
   const items: PortfolioProject[] = [
+    {
+      id: "fusey",
+      title: t("home.portfolio.fusey.title"),
+      description: t("home.portfolio.fusey.description"),
+      link: "https://fusey.gg",
+      image: "/images/portfolio/Fusey.webp",
+    },
     {
       id: "carolo",
       title: t("home.portfolio.carolo.title"),
       description: t("home.portfolio.carolo.description"),
-      link: "https://carolo.theoludwig.fr/",
+      link: "https://carolo.theoludwig.fr",
       image: "/images/portfolio/Carolo.webp",
     },
     {
       id: "leon",
       title: t("home.portfolio.leon.title"),
       description: t("home.portfolio.leon.description"),
-      link: "https://getleon.ai/",
+      link: "https://getleon.ai",
       image: "/images/portfolio/Leon.webp",
     },
   ]

packages/ui/src/Home/Portfolio/PortfolioItem.tsx

@@ -33,7 +33,7 @@ export const PortfolioItem: React.FC<PortfolioItemProps> = (props) => {
           <div className="flex justify-center">
             <Image
               quality={100}
-              className="size-[300px] transition-opacity duration-500 group-hover:opacity-20 dark:group-hover:opacity-5"
+              className="size-[300px] rounded-xl transition-opacity duration-500 group-hover:opacity-20 dark:group-hover:opacity-5"
               width={300}
               height={300}
               src={image}

packages/ui/src/Home/Skills/Skills.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/nextjs"
 
 import { Skills as SkillsComponent } from "./Skills.tsx"
 

packages/ui/src/Layout/Footer/Footer.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/nextjs"
 
 import { Footer as FooterComponent } from "./Footer.tsx"
 

packages/ui/src/Layout/Header/Header.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react"
+import type { Meta, StoryObj } from "@storybook/nextjs"
 
 import { Header as HeaderComponent } from "./Header.tsx"
 

packages/ui/src/Layout/Header/Locales/Locales.tsx

@@ -2,7 +2,6 @@
 
 import { classNames } from "@repo/config-tailwind/classNames"
 import { usePathname, useRouter } from "@repo/i18n/routing"
-import type { Locale } from "@repo/utils/constants"
 import { LOCALES } from "@repo/utils/constants"
 import { useLocale } from "next-intl"
 import { useEffect, useRef } from "react"
@@ -16,7 +15,7 @@ export interface LocalesProps {}
 export const Locales: React.FC<LocalesProps> = () => {
   const router = useRouter()
   const pathname = usePathname()
-  const localeCurrent = useLocale() as Locale
+  const localeCurrent = useLocale()
 
   const {
     value: isVisibleMenu,

packages/ui/tailwind.config.js

@@ -2,7 +2,6 @@ import sharedConfig from "@repo/config-tailwind"
 
 /** @type {Pick<import('tailwindcss').Config, "presets" | "content">} */
 const config = {
-  content: ["./src/**/*.tsx"],
   presets: [sharedConfig],
 }
 

packages/utils/package.json

@@ -14,7 +14,7 @@
   "scripts": {
     "lint:eslint": "eslint src --max-warnings 0",
     "lint:typescript": "tsc --noEmit",
-    "test": "node --experimental-strip-types --test"
+    "test": "node --test"
   },
   "devDependencies": {
     "@repo/config-eslint": "workspace:*",

packages/utils/src/types.ts

@@ -13,7 +13,6 @@ export type Primitive =
 export type Satisfies<U, T extends U> = T
 
 export type OmitStrict<T, K extends keyof T> = Omit<T, K>
-export type PickStrict<T, K extends keyof T> = Pick<T, K>
 
 export type OverrideStrict<
   Type,

pnpm-workspace.yaml

@@ -5,91 +5,95 @@ packages:
 
 catalog:
   # Turborepo
-  "turbo": "2.4.0"
+  "turbo": "2.5.3"
 
   # Utils
-  "mime": "4.0.6"
+  "mime": "4.0.7"
 
   # React.js/Next.js
-  "next": &next "15.1.6"
-  "next-intl": "3.26.3"
-  "next-themes": "0.4.4"
-  "nuqs": "2.3.2"
-  "react": "19.0.0"
-  "react-dom": "19.0.0"
-  "react-icons": "5.4.0"
-  "@types/react": "19.0.8"
-  "@types/react-dom": "19.0.3"
+  "next": &next "15.3.2"
+  "next-intl": "4.1.0"
+  "next-themes": "0.4.6"
+  "react": "19.1.0"
+  "react-dom": "19.1.0"
+  "react-icons": "5.5.0"
+  "@types/react": "19.1.6"
+  "@types/react-dom": "19.1.5"
 
   # Blog
   "@giscus/react": "3.1.0"
   "gray-matter": "4.0.3"
-  "katex": "0.16.21"
+  "katex": "0.16.22"
   "next-mdx-remote": "5.0.0"
   "@mdx-js/mdx": "3.1.0"
   "rehype-katex": "7.0.1"
   "rehype-raw": "7.0.0"
   "rehype-slug": "6.0.0"
-  "remark-gfm": "4.0.0"
+  "remark-gfm": "4.0.1"
   "remark-math": "6.0.0"
   "shiki": "1.24.0"
   "@shikijs/rehype": "1.24.0"
 
   # Markdown Lint
-  "markdownlint-cli2": "0.17.2"
-  "markdownlint": "0.37.4"
-  "markdownlint-rule-relative-links": "4.0.1"
+  "markdownlint-cli2": "0.18.1"
+  "markdownlint": "0.38.0"
+  "markdownlint-rule-relative-links": "4.2.0"
 
   # TypeScript
-  "typescript": "5.7.3"
+  "typescript": "5.8.3"
   "@total-typescript/ts-reset": "0.6.1"
-  "@types/node": "22.13.1"
+  "@types/node": "22.15.24"
 
   # ESLint
-  "globals": "15.14.0"
-  "typescript-eslint": "8.23.0"
-  "@eslint/eslintrc": "3.2.0"
-  "eslint": "9.20.0"
-  "eslint-config-conventions": "18.0.2"
+  "globals": "16.2.0"
+  "typescript-eslint": "8.33.0"
+  "@eslint/eslintrc": "3.3.1"
+  "eslint": "9.27.0"
+  "eslint-config-conventions": "19.2.0"
   "eslint-plugin-promise": "7.2.1"
-  "eslint-plugin-unicorn": "56.0.1"
+  "eslint-plugin-unicorn": "59.0.1"
   "eslint-config-next": *next
-  "eslint-plugin-storybook": "0.11.2"
-  "eslint-plugin-tailwindcss": "3.18.0"
-  "eslint-plugin-import-x": "4.6.1"
+  "eslint-plugin-import-x": "4.13.3"
 
   # Prettier
-  "prettier": "3.4.2"
+  "prettier": "3.5.3"
   "prettier-plugin-tailwindcss": "0.6.11"
   "editorconfig-checker": "6.0.1"
 
   # Storybook
-  "storybook": &storybook "8.5.3"
-  "@storybook/addon-essentials": *storybook
-  "@storybook/addon-storysource": *storybook
+  "storybook": &storybook "9.0.0"
+  "@storybook/addon-docs": *storybook
   "@storybook/addon-a11y": *storybook
-  "@storybook/addon-interactions": *storybook
-  "@storybook/blocks": *storybook
   "@storybook/nextjs": *storybook
-  "@storybook/react": *storybook
-  "@storybook/test": *storybook
   "@storybook/addon-themes": *storybook
-  "@storybook/test-runner": "0.21.0"
-  "@chromatic-com/storybook": "3.2.4"
-  "chromatic": "11.25.2"
-  "storybook-dark-mode": "4.0.2"
+  "@storybook/test-runner": "0.22.0"
+  "@chromatic-com/storybook": "4.0.0"
+  "chromatic": "12.0.0"
 
   # Testing
-  "playwright": &playwright "1.50.1"
+  "playwright": &playwright "1.52.0"
   "@playwright/test": *playwright
   "axe-playwright": "2.1.0"
-  "start-server-and-test": "2.0.10"
+  "start-server-and-test": "2.0.12"
 
   # CSS
-  "postcss": "8.5.1"
-  "tailwindcss": "3.4.17"
-  "@tailwindcss/typography": "0.5.15"
-  "tailwind-merge": "2.6.0"
+  "postcss": "8.5.4"
+  "@tailwindcss/postcss": "4.1.8"
+  "@tailwindcss/typography": "0.5.16"
+  "tailwindcss": "4.1.8"
+  "tailwind-merge": "3.3.0"
   "clsx": "2.1.1"
-  "cva": "1.0.0-beta.3"
-  "@fontsource/montserrat": "5.1.1"
+  "cva": "1.0.0-beta.4"
+  "@fontsource/montserrat": "5.2.5"
+
+onlyBuiltDependencies:
+  - "@swc/core"
+  - "@tailwindcss/oxide"
+  - "core-js-pure"
+  - "esbuild"
+  - "sharp"
+  - "unrs-resolver"
+
+publicHoistPattern:
+  - "*eslint*"
+  - "*prettier*"