chore(release): 4.1.0 [skip ci]

fix(ui): button outline, hover effect
fix(blog): shiki syntax highlighting for txt
2024-12-08 00:44:30 +01:00 · 2024-11-09 20:10:23 +00:00 · 2024-11-09 21:01:31 +01:00 · 2024-11-09 20:21:09 +01:00 · 2024-11-09 20:14:30 +01:00 · 2024-11-09 19:50:22 +01:00
150 changed files with 4842 additions and 5718 deletions
--- a/.env.example
+++ b/.env.example
@ -1 +1,2 @@
+TZ=UTC
 WEBSITE_PORT=3000
--- a/.github/workflows/chromatic.yml
+++ b/.github/workflows/chromatic.yml
@ -11,14 +11,14 @@ jobs:
    timeout-minutes: 30
    runs-on: "ubuntu-latest"
    steps:
-      - uses: "actions/checkout@v4.1.7"
+      - uses: "actions/checkout@v4.2.2"
        with:
          fetch-depth: 0

      - uses: "pnpm/action-setup@v4.0.0"

      - name: "Setup Node.js"
-        uses: "actions/setup-node@v4.0.3"
+        uses: "actions/setup-node@v4.1.0"
        with:
          node-version: "22.x"
          cache: "pnpm"
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@ -11,12 +11,12 @@ jobs:
    timeout-minutes: 30
    runs-on: "ubuntu-latest"
    steps:
-      - uses: "actions/checkout@v4.1.7"
+      - uses: "actions/checkout@v4.2.2"

      - uses: "pnpm/action-setup@v4.0.0"

      - name: "Setup Node.js"
-        uses: "actions/setup-node@v4.0.3"
+        uses: "actions/setup-node@v4.1.0"
        with:
          node-version: "22.x"
          cache: "pnpm"
@ -29,15 +29,15 @@ jobs:

      - run: "node --run lint:editorconfig"
      - run: "node --run lint:markdown"
-      - run: "node --run lint:prettier"
-      - run: "node --run lint:eslint"
      - run: "node --run lint:typescript"
+      - run: "node --run lint:eslint"
+      - run: "node --run lint:prettier"
      - run: "node --run test"
      - run: "node --run build"

  commitlint:
    runs-on: "ubuntu-latest"
    steps:
-      - uses: "actions/checkout@v4.1.7"
+      - uses: "actions/checkout@v4.2.2"

-      - uses: "wagoid/commitlint-github-action@v6.0.1"
+      - uses: "wagoid/commitlint-github-action@v6.1.2"
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@ -14,13 +14,13 @@ jobs:
      pull-requests: "write"
      id-token: "write"
    steps:
-      - uses: "actions/checkout@v4.1.7"
+      - uses: "actions/checkout@v4.2.2"
        with:
          fetch-depth: 0
          persist-credentials: false

      - name: "Import GPG key"
-        uses: "crazy-max/ghaction-import-gpg@v6.0.0"
+        uses: "crazy-max/ghaction-import-gpg@v6.1.0"
        with:
          gpg_private_key: ${{ secrets.GPG_PRIVATE_KEY }}
          git_user_signingkey: true
@ -29,7 +29,7 @@ jobs:
      - uses: "pnpm/action-setup@v4.0.0"

      - name: "Setup Node.js"
-        uses: "actions/setup-node@v4.0.3"
+        uses: "actions/setup-node@v4.1.0"
        with:
          node-version: "22.x"
          cache: "pnpm"
--- a/.npmrc
+++ b/.npmrc
@ -1 +0,0 @@
-save-exact = true
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@ -1,12 +1,13 @@
 {
  "recommendations": [
-    "Vercel.turbo-vsc",
    "editorconfig.editorconfig",
    "esbenp.prettier-vscode",
    "dbaeumer.vscode-eslint",
+    "davidanson.vscode-markdownlint",
    "bradlc.vscode-tailwindcss",
    "mikestead.dotenv",
-    "davidanson.vscode-markdownlint",
-    "ms-azuretools.vscode-docker"
+    "ms-azuretools.vscode-docker",
+    "antfu.pnpm-catalog-lens",
+    "Lokalise.i18n-ally"
  ]
 }
--- a/.vscode/react.code-snippets
+++ b/.vscode/react.code-snippets
@ -22,7 +22,7 @@
    "body": [
      "import type { Meta, StoryObj } from \"@storybook/react\"",
      "",
-      "import { ${1:ComponentName} as ${1:ComponentName}Component } from \"./${1:ComponentName}\"",
+      "import { ${1:ComponentName} as ${1:ComponentName}Component } from \"./${1:ComponentName}.tsx\"",
      "",
      "const meta = {",
      "  title: \"${1:ComponentName}\",",
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@ -7,14 +7,17 @@
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll": "explicit",
-    "source.organizeImports": "explicit"
+    "source.organizeImports": "never"
  },
-  "eslint.options": {
-    "ignorePath": ".gitignore"
-  },
-  "prettier.ignorePath": ".gitignore",
  "tailwindCSS.experimental.classRegex": [
    ["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
    ["cx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
-  ]
+  ],
+  "i18n-ally.localesPaths": ["./packages/i18n/src/translations/"],
+  "i18n-ally.keystyle": "nested",
+  "i18n-ally.sortKeys": true,
+  "i18n-ally.sourceLanguage": "en-US",
+  "i18n-ally.displayLanguage": "en-US",
+  "i18n-ally.enabledFrameworks": ["next-intl", "general"],
+  "i18n-ally.extract.autoDetect": true
 }
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@ -32,7 +32,8 @@ The commit message guidelines adheres to [Conventional Commits](https://www.conv
 ### Prerequisites

 - [Node.js](https://nodejs.org/) >= 22.0.0
- [pnpm](https://pnpm.io/) >= 9.5.0
+- [pnpm](https://pnpm.io/) >= 9.12.3 [(`corepack enable`)](https://nodejs.org/docs/latest-v22.x/api/corepack.html)
+- [Docker](https://www.docker.com/)

 ### Installation

@ -40,6 +41,9 @@ The commit message guidelines adheres to [Conventional Commits](https://www.conv
 # Clone the repository
 git clone git@github.com:theoludwig/theoludwig.git

+# Go to the project root
+cd theoludwig
+
 # Configure environment variables
 cp .env.example .env
 cp apps/website/.env.example apps/website/.env
@ -60,15 +64,19 @@ node --run dev
 # Lint
 node --run lint:editorconfig
 node --run lint:markdown
-node --run lint:prettier
-node --run lint:eslint
 node --run lint:typescript
+node --run lint:eslint
+node --run lint:prettier

 # Tests
 node --run test

 # Build
 node --run build
+
+# To execute a command in a specific package (e.g: packages/utils)
+cd packages/utils
+node --run test
 ```

 ### Production environment with [Docker](https://www.docker.com/)
--- a/apps/storybook/.eslintrc.json
+++ b/apps/storybook/.eslintrc.json
@ -1,4 +0,0 @@
-{
-  "root": true,
-  "extends": ["@repo/eslint-config"]
-}
--- a/apps/storybook/.storybook/main.ts
+++ b/apps/storybook/.storybook/main.ts
@ -7,13 +7,16 @@ const config: StorybookConfig = {
  docs: {
    defaultName: "Documentation",
  },
-  stories: ["../../../packages/**/*.stories.tsx", "../stories/*.mdx"],
+  stories: [
+    "../../../packages/ui/src/**/*.stories.tsx",
+    "../../../packages/blog/src/**/*.stories.tsx",
+    "../stories/*.mdx",
+  ],
  addons: [
+    "@chromatic-com/storybook",
    "@storybook/addon-essentials",
    "@storybook/addon-storysource",
    "@storybook/addon-a11y",
-    "@storybook/addon-links",
-    "@chromatic-com/storybook",
    "@storybook/addon-interactions",
    "storybook-dark-mode",
  ],
--- a/apps/storybook/.storybook/preview.tsx
+++ b/apps/storybook/.storybook/preview.tsx
@ -1,6 +1,6 @@
 import "@repo/config-tailwind/styles.css"
-import { defaultTranslationValues, Locale } from "@repo/i18n/config"
-import i18nMessagesEnglish from "@repo/i18n/translations/en-US.json"
+import i18nMessages from "@repo/i18n/translations/en-US.json"
+import { LOCALE_DEFAULT, TIMEZONE } from "@repo/utils/constants"
 import type { Preview } from "@storybook/react"
 import { NextIntlClientProvider } from "next-intl"
 import { ThemeProvider as NextThemeProvider } from "next-themes"
@ -24,22 +24,21 @@ const preview: Preview = {
      stylePreview: true,
    },
    controls: {
+      disableSaveFromUI: true,
      matchers: {
        color: /(background|color)$/i,
-        date: /Date$/i,
+        date: /date$/i,
      },
    },
  },
  decorators: [
    (Story) => {
-      const locale = "en-US" satisfies Locale
-
      return (
        <NextThemeProvider enableColorScheme={false}>
          <NextIntlClientProvider
-            messages={i18nMessagesEnglish}
-            locale={locale}
-            defaultTranslationValues={defaultTranslationValues}
+            messages={i18nMessages}
+            locale={LOCALE_DEFAULT}
+            timeZone={TIMEZONE}
          >
            <Story />
          </NextIntlClientProvider>
--- a/apps/storybook/.storybook/test-runner.ts
+++ b/apps/storybook/.storybook/test-runner.ts
@ -5,7 +5,6 @@ import { checkA11y, configureAxe, injectAxe } from "axe-playwright"

 /*
 * See https://storybook.js.org/docs/writing-tests/test-runner#test-hook-api
- * to learn more about the test-runner hooks API.
 */
 const config: TestRunnerConfig = {
  async preVisit(page) {
--- a/apps/storybook/eslint.config.js
+++ b/apps/storybook/eslint.config.js
@ -0,0 +1,13 @@
+import typescriptESLint from "typescript-eslint"
+import config from "@repo/eslint-config"
+
+export default typescriptESLint.config(...config, {
+  files: ["**/*.ts", "**/*.tsx"],
+  languageOptions: {
+    parser: typescriptESLint.parser,
+    parserOptions: {
+      projectService: true,
+      tsconfigRootDir: import.meta.dirname,
+    },
+  },
+})
--- a/apps/storybook/package.json
+++ b/apps/storybook/package.json
@ -1,21 +1,22 @@
 {
  "name": "@repo/storybook",
-  "version": "4.0.0",
+  "version": "4.1.0",
  "private": true,
  "type": "module",
  "scripts": {
    "build": "storybook build",
    "dev": "storybook dev --port 6006 --no-open",
    "start": "http-server \"storybook-static\" --port 6006 --silent",
-    "test": "start-server-and-test \"dev\" http://127.0.0.1:6006 \"test:storybook\"",
-    "test:storybook": "test-storybook",
-    "test:storybook-coverage": "test-storybook --coverage",
+    "test": "start-server-and-test \"start\" http://127.0.0.1:6006 \"test:storybook\"",
+    "test:dev": "start-server-and-test \"dev\" http://127.0.0.1:6006 \"test:storybook\"",
+    "test:storybook": "test-storybook --testTimeout=60000 --maxWorkers=2",
    "chromatic": "chromatic"
  },
  "dependencies": {
    "@repo/config-tailwind": "workspace:*",
    "@repo/i18n": "workspace:*",
    "@repo/ui": "workspace:*",
+    "@repo/utils": "workspace:*",
    "@repo/blog": "workspace:*",
    "next": "catalog:",
    "next-intl": "catalog:",
@ -25,13 +26,13 @@
  },
  "devDependencies": {
    "@repo/eslint-config": "workspace:*",
+    "@repo/config-typescript": "workspace:*",
    "@chromatic-com/storybook": "catalog:",
    "@playwright/test": "catalog:",
-    "@storybook/addon-a11y": "catalog:",
    "@storybook/addon-essentials": "catalog:",
-    "@storybook/addon-interactions": "catalog:",
-    "@storybook/addon-links": "catalog:",
    "@storybook/addon-storysource": "catalog:",
+    "@storybook/addon-a11y": "catalog:",
+    "@storybook/addon-interactions": "catalog:",
    "@storybook/addon-themes": "catalog:",
    "@storybook/blocks": "catalog:",
    "@storybook/nextjs": "catalog:",
@ -50,6 +51,7 @@
    "storybook-dark-mode": "catalog:",
    "postcss": "catalog:",
    "tailwindcss": "catalog:",
+    "typescript-eslint": "catalog:",
    "typescript": "catalog:"
  }
 }
--- a/apps/storybook/stories/Colors.mdx
+++ b/apps/storybook/stories/Colors.mdx
@ -6,7 +6,7 @@ import tailwindConfig from "@repo/config-tailwind"
 <Title>Colors</Title>

 <ColorPalette>
-  {Object.entries(tailwindConfig.theme.colors).map(
+  {Object.entries(tailwindConfig.theme.extend.colors).map(
    ([colorName, colorValue]) => {
      const colors = {}

--- a/apps/storybook/tailwind.config.js
+++ b/apps/storybook/tailwind.config.js
@ -2,7 +2,11 @@ import sharedConfig from "@repo/config-tailwind"

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

--- a/apps/storybook/tsconfig.json
+++ b/apps/storybook/tsconfig.json
@ -0,0 +1,7 @@
+{
+  "extends": "@repo/config-typescript/tsconfig.json",
+  "compilerOptions": {
+    "lib": ["DOM", "DOM.Iterable", "ESNext"]
+  },
+  "include": ["./.storybook/**/*.ts", "./.storybook/**/*.tsx"]
+}
--- a/apps/storybook/turbo.json
+++ b/apps/storybook/turbo.json
@ -0,0 +1,9 @@
+{
+  "$schema": "https://turbo.build/schema.json",
+  "extends": ["//"],
+  "tasks": {
+    "test": {
+      "dependsOn": ["^test", "build"]
+    }
+  }
+}
--- a/apps/website/.env.example
+++ b/apps/website/.env.example
@ -1,3 +1,4 @@
+TZ=UTC
 HOSTNAME=0.0.0.0
 PORT=3000
 NEXT_TELEMETRY_DISABLED=1
--- a/apps/website/.eslintrc.json
+++ b/apps/website/.eslintrc.json
@ -1,15 +0,0 @@
-{
-  "root": true,
-  "extends": ["@repo/eslint-config/nextjs/.eslintrc.json"],
-  "ignorePatterns": ["public/"],
-  "overrides": [
-    {
-      "files": ["*.ts", "*.tsx"],
-      "plugins": ["@typescript-eslint"],
-      "parser": "@typescript-eslint/parser",
-      "parserOptions": {
-        "project": true
-      }
-    }
-  ]
-}
--- a/apps/website/Dockerfile
+++ b/apps/website/Dockerfile
@ -1,12 +1,14 @@
-FROM node:22.4.1-slim AS node-pnpm
+FROM node:22.11.0-slim AS node-pnpm
 ENV PNPM_HOME="/pnpm"
 ENV PATH="$PNPM_HOME:$PATH"
 RUN corepack enable
+ENV TURBO_TELEMETRY_DISABLED=1
+ENV DO_NOT_TRACK=1
 WORKDIR /usr/src/app

 FROM node-pnpm AS builder
-RUN pnpm install --global turbo@2.0.10
 COPY ./ ./
+RUN pnpm install --global turbo@2.2.3
 RUN turbo prune @repo/website --docker

 FROM node-pnpm AS installer
--- a/apps/website/app/[locale]/(main)/blog/[slug]/page.tsx
+++ b/apps/website/app/[locale]/(main)/blog/[slug]/page.tsx
@ -3,20 +3,21 @@ import { notFound } from "next/navigation"

 import { getBlogPostBySlug, getBlogPosts } from "@repo/blog"
 import { BlogPostUI } from "@repo/blog/BlogPostUI"
-import type { Locale } from "@repo/i18n/config"
-import { unstable_setRequestLocale } from "next-intl/server"
+import type { Locale } from "@repo/utils/constants"
+import { setRequestLocale } from "next-intl/server"

 interface BlogPostPageProps {
-  params: {
+  params: Promise<{
    slug: string
    locale: Locale
-  }
+  }>
 }

 export const generateMetadata = async (
  props: BlogPostPageProps,
 ): Promise<Metadata> => {
-  const blogPost = await getBlogPostBySlug(props.params.slug)
+  const { slug } = await props.params
+  const blogPost = await getBlogPostBySlug(slug)
  if (blogPost == null) {
    return notFound()
  }
@ -50,10 +51,11 @@ export const generateStaticParams = async (): Promise<
 const BlogPostPage: React.FC<BlogPostPageProps> = async (props) => {
  const { params } = props

+  const { locale, slug } = await params
  // Enable static rendering
-  unstable_setRequestLocale(params.locale)
+  setRequestLocale(locale)

-  const blogPost = await getBlogPostBySlug(params.slug)
+  const blogPost = await getBlogPostBySlug(slug)
  if (blogPost == null) {
    return notFound()
  }
--- a/apps/website/app/[locale]/(main)/blog/page.tsx
+++ b/apps/website/app/[locale]/(main)/blog/page.tsx
@ -1,14 +1,15 @@
 import { getBlogPosts } from "@repo/blog"
 import { BlogPosts } from "@repo/blog/BlogPosts"
-import { LOCALE_DEFAULT, type LocaleProps } from "@repo/i18n/config"
+import type { LocaleProps } from "@repo/i18n/routing"
 import { MainLayout } from "@repo/ui/Layout/MainLayout"
 import {
  Section,
  SectionDescription,
  SectionTitle,
 } from "@repo/ui/Layout/Section"
+import { LOCALE_DEFAULT } from "@repo/utils/constants"
 import type { Metadata } from "next"
-import { unstable_setRequestLocale } from "next-intl/server"
+import { setRequestLocale } from "next-intl/server"

 const title = "Blog | Théo LUDWIG"
 const description =
@ -35,8 +36,9 @@ interface BlogPageProps extends LocaleProps {}
 const BlogPage: React.FC<BlogPageProps> = async (props) => {
  const { params } = props

+  const { locale } = await params
  // Enable static rendering
-  unstable_setRequestLocale(params.locale)
+  setRequestLocale(locale)

  const posts = await getBlogPosts()

--- a/apps/website/app/[locale]/(main)/layout.tsx
+++ b/apps/website/app/[locale]/(main)/layout.tsx
@ -1,18 +1,19 @@
 import "@repo/config-tailwind/styles.css"
-import type { LocaleProps } from "@repo/i18n/config"
+import type { LocaleProps } from "@repo/i18n/routing"
 import { Footer } from "@repo/ui/Layout/Footer"
 import { Header } from "@repo/ui/Layout/Header"
 import { ThemeProvider } from "@repo/ui/Layout/Header/SwitchTheme"
 import { VERSION } from "@repo/utils/constants"
-import { unstable_setRequestLocale } from "next-intl/server"
+import { setRequestLocale } from "next-intl/server"

 interface MainLayoutProps extends React.PropsWithChildren, LocaleProps {}

 const MainLayout: React.FC<MainLayoutProps> = async (props) => {
  const { children, params } = props

+  const { locale } = await params
  // Enable static rendering
-  unstable_setRequestLocale(params.locale)
+  setRequestLocale(locale)

  return (
    <ThemeProvider>
--- a/apps/website/app/[locale]/(main)/page.tsx
+++ b/apps/website/app/[locale]/(main)/page.tsx
@ -1,4 +1,4 @@
-import type { LocaleProps } from "@repo/i18n/config"
+import type { LocaleProps } from "@repo/i18n/routing"
 import { About } from "@repo/ui/Home/About"
 import { Interests } from "@repo/ui/Home/Interests"
 import { OpenSource } from "@repo/ui/Home/OpenSource"
@ -6,15 +6,16 @@ import { Portfolio } from "@repo/ui/Home/Portfolio"
 import { Skills } from "@repo/ui/Home/Skills"
 import { MainLayout } from "@repo/ui/Layout/MainLayout"
 import { RevealFade } from "@repo/ui/Layout/Section"
-import { unstable_setRequestLocale } from "next-intl/server"
+import { setRequestLocale } from "next-intl/server"

 interface HomePageProps extends LocaleProps {}

-const HomePage: React.FC<HomePageProps> = (props) => {
+const HomePage: React.FC<HomePageProps> = async (props) => {
  const { params } = props

+  const { locale } = await params
  // Enable static rendering
-  unstable_setRequestLocale(params.locale)
+  setRequestLocale(locale)

  return (
    <MainLayout>
--- a/apps/website/app/[locale]/curriculum-vitae/layout.tsx
+++ b/apps/website/app/[locale]/curriculum-vitae/layout.tsx
@ -1,7 +1,7 @@
 import "@repo/config-tailwind/styles.css"
-import type { LocaleProps } from "@repo/i18n/config"
+import type { LocaleProps } from "@repo/i18n/routing"
 import { ThemeProvider } from "@repo/ui/Layout/Header/SwitchTheme"
-import { unstable_setRequestLocale } from "next-intl/server"
+import { setRequestLocale } from "next-intl/server"

 interface CurriculumVitaeLayoutProps
  extends React.PropsWithChildren,
@ -12,8 +12,9 @@ const CurriculumVitaeLayout: React.FC<CurriculumVitaeLayoutProps> = async (
 ) => {
  const { children, params } = props

+  const { locale } = await params
  // Enable static rendering
-  unstable_setRequestLocale(params.locale)
+  setRequestLocale(locale)

  return <ThemeProvider forcedTheme="light">{children}</ThemeProvider>
 }
--- a/apps/website/app/[locale]/curriculum-vitae/page.tsx
+++ b/apps/website/app/[locale]/curriculum-vitae/page.tsx
@ -1,14 +1,15 @@
-import type { LocaleProps } from "@repo/i18n/config"
+import type { LocaleProps } from "@repo/i18n/routing"
 import { CurriculumVitae } from "@repo/ui/CurriculumVitae"
-import { unstable_setRequestLocale } from "next-intl/server"
+import { setRequestLocale } from "next-intl/server"

 interface CurriculumVitaeProps extends LocaleProps {}

-const CurriculumVitaePage: React.FC<CurriculumVitaeProps> = (props) => {
+const CurriculumVitaePage: React.FC<CurriculumVitaeProps> = async (props) => {
  const { params } = props

+  const { locale } = await params
  // Enable static rendering
-  unstable_setRequestLocale(params.locale)
+  setRequestLocale(locale)

  return <CurriculumVitae />
 }
--- a/apps/website/app/[locale]/layout.tsx
+++ b/apps/website/app/[locale]/layout.tsx
@ -1,23 +1,25 @@
 import "@repo/config-tailwind/styles.css"
-import type { Locale, LocaleProps } from "@repo/i18n/config"
-import { LOCALES } from "@repo/i18n/config"
+import type { LocaleProps } from "@repo/i18n/routing"
+import type { Locale } from "@repo/utils/constants"
+import { LOCALES } from "@repo/utils/constants"
 import type { Metadata } from "next"
 import { NextIntlClientProvider } from "next-intl"
 import {
  getMessages,
  getTranslations,
-  unstable_setRequestLocale,
+  setRequestLocale,
 } from "next-intl/server"

 export const generateMetadata = async ({
  params,
 }: LocaleProps): Promise<Metadata> => {
-  const t = await getTranslations({ locale: params.locale })
+  const { locale } = await params
+  const t = await getTranslations({ locale })
  const title = t("meta.title")
  const description = `${title} - ${t("meta.description")}`
  const image = "/images/logo.webp"
  const url = new URL("https://theoludwig.fr")
-  const locale = LOCALES.join(", ")
+  const locales = LOCALES.join(", ")

  return {
    title,
@ -35,7 +37,7 @@ export const generateMetadata = async ({
          height: 96,
        },
      ],
-      locale,
+      locale: locales,
      type: "website",
    },
    twitter: {
@ -60,13 +62,14 @@ interface LocaleLayoutProps extends React.PropsWithChildren, LocaleProps {}
 const LocaleLayout: React.FC<LocaleLayoutProps> = async (props) => {
  const { children, params } = props

+  const { locale } = await params
  // Enable static rendering
-  unstable_setRequestLocale(params.locale)
+  setRequestLocale(locale)

  const messages = await getMessages()

  return (
-    <html lang={params.locale} suppressHydrationWarning>
+    <html lang={locale} suppressHydrationWarning>
      <body>
        <NextIntlClientProvider messages={messages}>
          {children}
--- a/apps/website/eslint.config.js
+++ b/apps/website/eslint.config.js
@ -0,0 +1,13 @@
+import typescriptESLint from "typescript-eslint"
+import configNextjs from "@repo/eslint-config/nextjs"
+
+export default typescriptESLint.config(...configNextjs, {
+  files: ["**/*.ts", "**/*.tsx"],
+  languageOptions: {
+    parser: typescriptESLint.parser,
+    parserOptions: {
+      projectService: true,
+      tsconfigRootDir: import.meta.dirname,
+    },
+  },
+})
--- a/apps/website/i18n.ts
+++ b/apps/website/i18n.ts
@ -1,3 +0,0 @@
-import i18nConfig from "@repo/i18n/i18n"
-
-export default i18nConfig
--- a/apps/website/i18n/request.ts
+++ b/apps/website/i18n/request.ts
@ -0,0 +1,3 @@
+import i18nRequestConfig from "@repo/i18n/request"
+
+export default i18nRequestConfig
--- a/apps/website/middleware.ts
+++ b/apps/website/middleware.ts
@ -1,25 +1,26 @@
-import { LOCALES, LOCALE_DEFAULT, LOCALE_PREFIX } from "@repo/i18n/config"
-import createMiddleware from "next-intl/middleware"
+import { routing } from "@repo/i18n/routing"
+import createIntlMiddleware from "next-intl/middleware"

-export default createMiddleware({
-  locales: LOCALES,
-  defaultLocale: LOCALE_DEFAULT,
-  localePrefix: LOCALE_PREFIX,
-})
+const intlMiddleware = createIntlMiddleware(routing)
+
+export default intlMiddleware

 export const config = {
  matcher: [
    // Enable a redirect to a matching locale at the root
    "/",

-    // Set a cookie to remember the previous locale for
-    // all requests that have a locale prefix
    // Next.js issue, middleware matcher should support template literals:
    // https://github.com/vercel/next.js/issues/56398
    "/(en-US|fr-FR)/:path*",

-    // Enable redirects that add missing locales
-    // (e.g. `/pathnames` -> `/en/pathnames`)
-    "/((?!_next|_vercel|.*\\..*).*)",
+    /*
+     * Match all request paths except for the ones starting with:
+     * - api (API routes)
+     * - _next/static (static files)
+     * - _next/image (image optimization files)
+     * - favicon.ico (favicon file)
+     */
+    "/((?!api|_next/static|_next/image|images|favicon.ico).*)",
  ],
 }
--- a/apps/website/next-env.d.ts
+++ b/apps/website/next-env.d.ts
@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />

 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
--- a/apps/website/next.config.js
+++ b/apps/website/next.config.js
@ -5,6 +5,10 @@ const IS_STANDALONE = process.env.IS_STANDALONE === "true"
 /** @type {import('next').NextConfig} */
 const nextConfig = {
  output: IS_STANDALONE ? "standalone" : undefined,
+  images: {
+    unoptimized: true,
+  },
+  compress: false,

  // https://github.com/hashicorp/next-mdx-remote/issues/436#issuecomment-2066971842
  transpilePackages: ["next-mdx-remote", "shiki"],
--- a/apps/website/package.json
+++ b/apps/website/package.json
@ -1,16 +1,16 @@
 {
  "name": "@repo/website",
-  "version": "4.0.0",
+  "version": "4.1.0",
  "private": true,
  "type": "module",
  "imports": {
    "#*": "./*"
  },
  "scripts": {
-    "dev": "next dev --port 3000 --turbo",
+    "dev": "next dev --port 3000 --turbopack",
    "build": "next build",
    "start": "next start --port 3000",
-    "lint:eslint": "eslint . --max-warnings 0 --report-unused-disable-directives",
+    "lint:eslint": "eslint . --max-warnings 0",
    "lint:typescript": "tsc --noEmit"
  },
  "dependencies": {
@ -22,8 +22,7 @@
    "next": "catalog:",
    "next-intl": "catalog:",
    "react": "catalog:",
-    "react-dom": "catalog:",
-    "sharp": "catalog:"
+    "react-dom": "catalog:"
  },
  "devDependencies": {
    "@repo/eslint-config": "workspace:*",
@ -35,6 +34,7 @@
    "eslint": "catalog:",
    "postcss": "catalog:",
    "tailwindcss": "catalog:",
+    "typescript-eslint": "catalog:",
    "typescript": "catalog:"
  }
 }
--- a/apps/website/public/.gitkeep
+++ b/apps/website/public/.gitkeep
--- a/apps/website/tailwind.config.js
+++ b/apps/website/tailwind.config.js
@ -2,7 +2,11 @@ import sharedConfig from "@repo/config-tailwind"

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

--- a/apps/website/tsconfig.json
+++ b/apps/website/tsconfig.json
@ -1,16 +1,9 @@
 {
  "extends": "@repo/config-typescript/tsconfig.json",
  "compilerOptions": {
-    "target": "ESNext",
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "resolveJsonModule": true,
    "lib": ["DOM", "DOM.Iterable", "ESNext"],
    "types": ["@total-typescript/ts-reset", "@repo/i18n/messages.d.ts"],
-    "incremental": true,
-    "noEmit": true,
    "allowJs": true,
-    "jsx": "preserve",
    "paths": {
      "#*": ["./*"]
    },
--- a/package.json
+++ b/package.json
@ -1,12 +1,12 @@
 {
  "name": "repo",
-  "version": "4.0.0",
+  "version": "4.1.0",
  "private": true,
  "type": "module",
-  "packageManager": "pnpm@9.5.0+sha512.140036830124618d624a2187b50d04289d5a087f326c9edfc0ccd733d76c4f52c3a313d4fc148794a2a9d81553016004e6742e8cf850670268a7387fc220c903",
+  "packageManager": "pnpm@9.12.3+sha512.cce0f9de9c5a7c95bef944169cc5dfe8741abfb145078c0d508b868056848a87c81e626246cb60967cbd7fd29a6c062ef73ff840d96b3c86c40ac92cf4a813ee",
  "engines": {
    "node": ">=22.0.0",
-    "pnpm": ">=9.5.0"
+    "pnpm": ">=9.12.3"
  },
  "scripts": {
    "build": "turbo run build",
@ -15,25 +15,25 @@
    "test": "turbo run test",
    "lint:editorconfig": "editorconfig-checker",
    "lint:markdown": "markdownlint-cli2",
-    "lint:prettier": "prettier . --check",
-    "lint:eslint": "turbo run lint:eslint",
    "lint:typescript": "turbo run lint:typescript",
+    "lint:eslint": "turbo run lint:eslint",
+    "lint:prettier": "prettier . --check",
    "release": "semantic-release"
  },
  "devDependencies": {
-    "@saithodev/semantic-release-backmerge": "4.0.1",
-    "@semantic-release/exec": "6.0.3",
-    "@semantic-release/git": "10.0.1",
-    "editorconfig-checker": "5.1.8",
+    "@saithodev/semantic-release-backmerge": "catalog:",
+    "@semantic-release/exec": "catalog:",
+    "@semantic-release/git": "catalog:",
+    "editorconfig-checker": "catalog:",
    "playwright": "catalog:",
-    "prettier": "3.3.3",
-    "prettier-plugin-tailwindcss": "0.6.5",
-    "markdownlint-cli2": "0.13.0",
-    "markdownlint": "0.34.0",
-    "markdownlint-rule-relative-links": "3.0.0",
-    "replace-in-files-cli": "3.0.0",
-    "semantic-release": "23.1.1",
-    "turbo": "2.0.10",
+    "prettier": "catalog:",
+    "prettier-plugin-tailwindcss": "catalog:",
+    "markdownlint-cli2": "catalog:",
+    "markdownlint": "catalog:",
+    "markdownlint-rule-relative-links": "catalog:",
+    "replace-in-files-cli": "catalog:",
+    "semantic-release": "catalog:",
+    "turbo": "catalog:",
    "typescript": "catalog:"
  }
 }
--- a/packages/blog/.eslintrc.json
+++ b/packages/blog/.eslintrc.json
@ -1,14 +0,0 @@
-{
-  "root": true,
-  "extends": ["@repo/eslint-config/nextjs/.eslintrc.json"],
-  "overrides": [
-    {
-      "files": ["*.ts", "*.tsx"],
-      "plugins": ["@typescript-eslint"],
-      "parser": "@typescript-eslint/parser",
-      "parserOptions": {
-        "project": true
-      }
-    }
-  ]
-}
--- a/packages/blog/eslint.config.js
+++ b/packages/blog/eslint.config.js
@ -0,0 +1,13 @@
+import typescriptESLint from "typescript-eslint"
+import configNextjs from "@repo/eslint-config/nextjs"
+
+export default typescriptESLint.config(...configNextjs, {
+  files: ["**/*.ts", "**/*.tsx"],
+  languageOptions: {
+    parser: typescriptESLint.parser,
+    parserOptions: {
+      projectService: true,
+      tsconfigRootDir: import.meta.dirname,
+    },
+  },
+})
--- a/packages/blog/package.json
+++ b/packages/blog/package.json
@ -1,6 +1,6 @@
 {
  "name": "@repo/blog",
-  "version": "4.0.0",
+  "version": "4.1.0",
  "private": true,
  "type": "module",
  "exports": {
@ -9,7 +9,7 @@
    "./BlogPostUI": "./src/BlogPostUI.tsx"
  },
  "scripts": {
-    "lint:eslint": "eslint src --max-warnings 0 --report-unused-disable-directives",
+    "lint:eslint": "eslint src --max-warnings 0",
    "lint:typescript": "tsc --noEmit"
  },
  "dependencies": {
@ -49,6 +49,7 @@
    "eslint": "catalog:",
    "postcss": "catalog:",
    "tailwindcss": "catalog:",
+    "typescript-eslint": "catalog:",
    "typescript": "catalog:"
  }
 }
--- a/packages/blog/src/BlogPostContent.tsx
+++ b/packages/blog/src/BlogPostContent.tsx
@ -9,9 +9,9 @@ import rehypeSlug from "rehype-slug"
 import remarkGfm from "remark-gfm"
 import remarkMath from "remark-math"

-import { Link } from "@repo/i18n/navigation"
+import { Link } from "@repo/i18n/routing"
 import "katex/dist/katex.min.css"
-import { BlogPostComments } from "./BlogPostComments"
+import { BlogPostComments } from "./BlogPostComments.tsx"

 const Heading: React.FC<
  React.DetailedHTMLProps<
--- a/packages/blog/src/BlogPostUI.tsx
+++ b/packages/blog/src/BlogPostUI.tsx
@ -3,8 +3,8 @@ import "katex/dist/katex.min.css"

 import { Typography } from "@repo/ui/Design/Typography"
 import { MainLayout } from "@repo/ui/Layout/MainLayout"
-import type { BlogPost } from "./BlogPost"
-import { BlogPostContent } from "./BlogPostContent"
+import type { BlogPost } from "./BlogPost.tsx"
+import { BlogPostContent } from "./BlogPostContent.tsx"

 export interface BlogPostUIProps {
  blogPost: BlogPost
--- a/packages/blog/src/BlogPosts.tsx
+++ b/packages/blog/src/BlogPosts.tsx
@ -1,8 +1,8 @@
-import { Link } from "@repo/i18n/navigation"
+import { Link } from "@repo/i18n/routing"
 import { Typography } from "@repo/ui/Design/Typography"
 import { Section, SectionContent } from "@repo/ui/Layout/Section"
 import { getISODate } from "@repo/utils/dates"
-import type { BlogPost } from "./BlogPost"
+import type { BlogPost } from "./BlogPost.tsx"

 export interface BlogPostsProps {
  posts: BlogPost[]
--- a/packages/blog/src/blog.ts
+++ b/packages/blog/src/blog.ts
@ -2,7 +2,7 @@ import fs from "node:fs"
 import path from "node:path"

 import matter from "gray-matter"
-import type { BlogPost, FrontMatter } from "./BlogPost"
+import type { BlogPost, FrontMatter } from "./BlogPost.tsx"

 export const BLOG_POSTS_PATH = path.join(
  process.cwd(),
--- a/packages/blog/src/stories/BlogPostUI.stories.tsx
+++ b/packages/blog/src/stories/BlogPostUI.stories.tsx
@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from "@storybook/react"

-import { BLOG_POST_MOCK } from "../BlogPost"
-import { BlogPostUI as BlogPostUIComponent } from "../BlogPostUI"
+import { BLOG_POST_MOCK } from "../BlogPost.ts"
+import { BlogPostUI as BlogPostUIComponent } from "../BlogPostUI.tsx"

 const meta = {
  title: "Blog/BlogPostUI",
--- a/packages/blog/src/stories/BlogPosts.stories.tsx
+++ b/packages/blog/src/stories/BlogPosts.stories.tsx
@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from "@storybook/react"

-import { BLOG_POST_MOCK } from "../BlogPost"
-import { BlogPosts as BlogPostsComponent } from "../BlogPosts"
+import { BLOG_POST_MOCK } from "../BlogPost.ts"
+import { BlogPosts as BlogPostsComponent } from "../BlogPosts.tsx"

 const meta = {
  title: "Blog/BlogPosts",
--- a/packages/blog/tsconfig.json
+++ b/packages/blog/tsconfig.json
@ -1,18 +1,11 @@
 {
  "extends": "@repo/config-typescript/tsconfig.json",
  "compilerOptions": {
-    "target": "ESNext",
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "resolveJsonModule": true,
    "lib": ["DOM", "DOM.Iterable", "ESNext"],
    "types": [
      "@total-typescript/ts-reset",
-      "@repo/i18n/messages.d.ts",
-      "@types/node"
-    ],
-    "jsx": "preserve",
-
-    "noEmit": true
+      "@types/node",
+      "@repo/i18n/messages.d.ts"
+    ]
  }
 }
--- a/packages/config-eslint/.eslintrc.json
+++ b/packages/config-eslint/.eslintrc.json
@ -1,3 +0,0 @@
-{
-  "extends": ["conventions"]
-}
--- a/packages/config-eslint/eslint.config.js
+++ b/packages/config-eslint/eslint.config.js
@ -0,0 +1,40 @@
+import typescriptESLint from "typescript-eslint"
+import configConventions from "eslint-config-conventions"
+import importX from "eslint-plugin-import-x"
+import unicorn from "eslint-plugin-unicorn"
+
+export default typescriptESLint.config(
+  {
+    ignores: [
+      ".next",
+      "**/next.config.js",
+      "**/eslint.config.js",
+      "**/tailwind.config.js",
+      "**/postcss.config.js",
+      "**/vitest.config.ts",
+      "**/kysely.config.ts",
+    ],
+  },
+  ...configConventions,
+  {
+    name: "config-eslint",
+    plugins: {
+      "import-x": importX,
+      unicorn,
+    },
+    rules: {
+      "import-x/extensions": [
+        "error",
+        "ignorePackages",
+        {
+          ts: "always",
+          tsx: "always",
+          js: "never",
+          jsx: "never",
+        },
+      ],
+      "unicorn/explicit-length-check": "error",
+      "unicorn/consistent-destructuring": "off",
+    },
+  },
+)
--- a/packages/config-eslint/index.d.ts
+++ b/packages/config-eslint/index.d.ts
@ -0,0 +1,7 @@
+import type typescriptESLint from "typescript-eslint"
+
+declare const eslintConfigConventions: ReturnType<
+  typeof typescriptESLint.config
+>
+
+export default eslintConfigConventions
--- a/packages/config-eslint/nextjs/.eslintrc.json
+++ b/packages/config-eslint/nextjs/.eslintrc.json
@ -1,57 +0,0 @@
-{
-  "extends": [
-    "conventions",
-    "next/core-web-vitals",
-    "plugin:tailwindcss/recommended",
-    "plugin:storybook/recommended"
-  ],
-  "ignorePatterns": [
-    "next.config.js",
-    "tailwind.config.js",
-    "postcss.config.js",
-    "vitest.config.ts"
-  ],
-  "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",
-    "react/self-closing-comp": [
-      "error",
-      {
-        "component": true,
-        "html": true
-      }
-    ],
-    "react/void-dom-elements-no-children": "error",
-    "react/jsx-boolean-value": "error",
-    "no-restricted-imports": [
-      "error",
-      {
-        "paths": [
-          {
-            "name": "next/link",
-            "message": "Please import from `@repo/i18n/navigation` instead."
-          },
-          {
-            "name": "next/navigation",
-            "importNames": [
-              "redirect",
-              "permanentRedirect",
-              "useRouter",
-              "usePathname"
-            ],
-            "message": "Please import from `@repo/i18n/navigation` instead."
-          }
-        ]
-      }
-    ]
-  }
-}
--- a/packages/config-eslint/nextjs/eslint.config.js
+++ b/packages/config-eslint/nextjs/eslint.config.js
@ -0,0 +1,61 @@
+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()
+
+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": [
+        "error",
+        {
+          component: true,
+          html: true,
+        },
+      ],
+      "react/void-dom-elements-no-children": "error",
+      "react/jsx-boolean-value": "error",
+      "no-restricted-imports": [
+        "error",
+        {
+          paths: [
+            {
+              name: "next/link",
+              message: "Please import from `@repo/i18n/routing` instead.",
+            },
+            {
+              name: "next/navigation",
+              importNames: [
+                "redirect",
+                "permanentRedirect",
+                "useRouter",
+                "usePathname",
+              ],
+              message: "Please import from `@repo/i18n/routing` instead.",
+            },
+          ],
+        },
+      ],
+    },
+  },
+)
--- a/packages/config-eslint/package.json
+++ b/packages/config-eslint/package.json
@ -1,15 +1,25 @@
 {
  "name": "@repo/eslint-config",
-  "version": "4.0.0",
+  "version": "4.1.0",
  "private": true,
-  "main": ".eslintrc.json",
-  "files": [
-    ".eslintrc.json",
-    "nextjs/.eslintrc.json"
-  ],
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./eslint.config.js",
+      "require": "./eslint.config.js",
+      "default": "./eslint.config.js"
+    },
+    "./nextjs": {
+      "types": "./index.d.ts",
+      "import": "./nextjs/eslint.config.js",
+      "require": "./nextjs/eslint.config.js",
+      "default": "./nextjs/eslint.config.js"
+    }
+  },
  "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "catalog:",
-    "@typescript-eslint/parser": "catalog:",
+    "@eslint/eslintrc": "catalog:",
+    "typescript-eslint": "catalog:",
    "eslint": "catalog:",
    "eslint-config-conventions": "catalog:",
    "eslint-plugin-promise": "catalog:",
@ -17,6 +27,8 @@
    "eslint-config-next": "catalog:",
    "eslint-plugin-storybook": "catalog:",
    "eslint-plugin-tailwindcss": "catalog:",
-    "typescript": "catalog:"
+    "eslint-plugin-import-x": "catalog:",
+    "typescript": "catalog:",
+    "globals": "catalog:"
  }
 }
--- a/packages/config-tailwind/.eslintrc.json
+++ b/packages/config-tailwind/.eslintrc.json
@ -1,14 +0,0 @@
-{
-  "root": true,
-  "extends": ["@repo/eslint-config"],
-  "overrides": [
-    {
-      "files": ["*.ts", "*.tsx"],
-      "plugins": ["@typescript-eslint"],
-      "parser": "@typescript-eslint/parser",
-      "parserOptions": {
-        "project": true
-      }
-    }
-  ]
-}
--- a/packages/config-tailwind/eslint.config.js
+++ b/packages/config-tailwind/eslint.config.js
@ -0,0 +1,13 @@
+import typescriptESLint from "typescript-eslint"
+import config from "@repo/eslint-config"
+
+export default typescriptESLint.config(...config, {
+  files: ["**/*.ts", "**/*.tsx"],
+  languageOptions: {
+    parser: typescriptESLint.parser,
+    parserOptions: {
+      projectService: true,
+      tsconfigRootDir: import.meta.dirname,
+    },
+  },
+})
--- a/packages/config-tailwind/package.json
+++ b/packages/config-tailwind/package.json
@ -1,6 +1,6 @@
 {
  "name": "@repo/config-tailwind",
-  "version": "4.0.0",
+  "version": "4.1.0",
  "private": true,
  "type": "module",
  "main": "./tailwind.config.js",
@ -24,6 +24,7 @@
    "@repo/eslint-config": "workspace:*",
    "@repo/config-typescript": "workspace:*",
    "@tailwindcss/typography": "catalog:",
+    "typescript-eslint": "catalog:",
    "eslint": "catalog:",
    "postcss": "catalog:",
    "tailwindcss": "catalog:"
--- a/packages/config-tailwind/styles.css
+++ b/packages/config-tailwind/styles.css
@ -9,6 +9,10 @@
@tailwind utilities;

@layer base {
+  * {
+    min-width: 0;
+  }
+
  b,
  strong {
    @apply font-semibold;
@ -36,11 +40,11 @@
    @apply italic tracking-wider;
  }
  blockquote {
-    @apply border-gray border-l-4 pl-3 italic;
+    @apply border-gray-lighter border-l-4 pl-3 italic;
  }

  kbd {
-    @apply bg-gray rounded-md px-2 dark:text-black;
+    @apply bg-gray-lighter rounded-md px-2 dark:text-black;
  }

  mark {
@ -82,7 +86,7 @@ body {
 }

 .prose {
-  @apply dark:text-gray !max-w-5xl scroll-smooth text-black;
+  @apply dark:text-gray-lighter !max-w-5xl scroll-smooth text-black;
 }

 .prose p {
@ -107,7 +111,7 @@ body {
 }

 .prose strong {
-  @apply dark:text-gray text-black;
+  @apply dark:text-gray-lighter text-black;
 }

 .prose h2,
--- a/packages/config-tailwind/tailwind.config.js
+++ b/packages/config-tailwind/tailwind.config.js
@ -3,39 +3,34 @@ import { fontFamily } from "tailwindcss/defaultTheme"

 /** @type {Omit<import('tailwindcss').Config, "content">} */
 const config = {
-  darkMode: "class",
+  darkMode: "selector",
  theme: {
-    colors: {
-      primary: {
-        DEFAULT: "#0056b3",
-        dark: "#00aeff",
-      },
-      background: {
-        DEFAULT: "#fff",
-        dark: "#181818",
-      },
-      white: "#fff",
-      black: "#000",
-      gray: "#d1d5db",
-      "gray-darker": {
-        DEFAULT: "#4b5563",
-        dark: "#9ca3af",
-      },
-      yellow: "#fef08a",
-      transparent: "transparent",
-      inherit: "inherit",
-      current: "currentColor",
-    },
-    boxShadow: {
-      dark: "0px 0px 2px 2px rgba(0, 0, 0, 0.25)",
-      light: "0px 0px 2px 2px rgba(0, 0, 0, 0.10)",
-      darkFlag: "0px 1px 10px hsla(0, 0%, 100%, 0.2)",
-      lightFlag: "0px 1px 10px rgba(0, 0, 0, 0.25)",
-    },
-    fontFamily: {
-      sans: ["'Montserrat'", ...fontFamily.sans],
-    },
    extend: {
+      colors: {
+        primary: {
+          DEFAULT: "#0056b3",
+          dark: "#00aeff",
+        },
+        background: {
+          DEFAULT: "#fff",
+          dark: "#181818",
+        },
+        "gray-lighter": "#d1d5db",
+        "gray-darker": {
+          DEFAULT: "#4b5563",
+          dark: "#9ca3af",
+        },
+        yellow: "#fef08a",
+      },
+      boxShadow: {
+        dark: "0px 0px 2px 2px rgba(0, 0, 0, 0.25)",
+        light: "0px 0px 2px 2px rgba(0, 0, 0, 0.10)",
+        darkFlag: "0px 1px 10px hsla(0, 0%, 100%, 0.2)",
+        lightFlag: "0px 1px 10px rgba(0, 0, 0, 0.25)",
+      },
+      fontFamily: {
+        sans: ["'Montserrat'", ...fontFamily.sans],
+      },
      typography: {
        DEFAULT: {
          css: {
--- a/packages/config-tailwind/tsconfig.json
+++ b/packages/config-tailwind/tsconfig.json
@ -1,10 +1,6 @@
 {
  "extends": "@repo/config-typescript/tsconfig.json",
  "compilerOptions": {
-    "target": "ESNext",
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-
-    "noEmit": true
+    "lib": ["ESNext"]
  }
 }
--- a/packages/config-typescript/package.json
+++ b/packages/config-typescript/package.json
@ -1,6 +1,6 @@
 {
  "name": "@repo/config-typescript",
-  "version": "4.0.0",
+  "version": "4.1.0",
  "private": true,
  "files": [
    "tsconfig.json"
--- a/packages/config-typescript/tsconfig.json
+++ b/packages/config-typescript/tsconfig.json
@ -6,15 +6,24 @@
    "noFallthroughCasesInSwitch": true,
    "noImplicitOverride": true,
    "noImplicitReturns": true,
-    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
    "noUncheckedIndexedAccess": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,

+    "verbatimModuleSyntax": true,
    "isolatedModules": true,
    "esModuleInterop": true,
+    "allowImportingTsExtensions": true,
    "skipLibCheck": true,
    "jsx": "preserve",
-    "incremental": true
+    "incremental": true,
+    "noEmit": true,
+
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "resolveJsonModule": true
  }
 }
--- a/packages/i18n/.eslintrc.json
+++ b/packages/i18n/.eslintrc.json
@ -1,14 +0,0 @@
-{
-  "root": true,
-  "extends": ["@repo/eslint-config"],
-  "overrides": [
-    {
-      "files": ["*.ts", "*.tsx"],
-      "plugins": ["@typescript-eslint"],
-      "parser": "@typescript-eslint/parser",
-      "parserOptions": {
-        "project": true
-      }
-    }
-  ]
-}
--- a/packages/i18n/eslint.config.js
+++ b/packages/i18n/eslint.config.js
@ -0,0 +1,13 @@
+import typescriptESLint from "typescript-eslint"
+import config from "@repo/eslint-config"
+
+export default typescriptESLint.config(...config, {
+  files: ["**/*.ts", "**/*.tsx"],
+  languageOptions: {
+    parser: typescriptESLint.parser,
+    parserOptions: {
+      projectService: true,
+      tsconfigRootDir: import.meta.dirname,
+    },
+  },
+})
--- a/packages/i18n/package.json
+++ b/packages/i18n/package.json
@ -1,21 +1,21 @@
 {
  "name": "@repo/i18n",
-  "version": "4.0.0",
+  "version": "4.1.0",
  "private": true,
  "type": "module",
  "exports": {
    "./translations/*.json": "./src/translations/*.json",
-    "./config": "./src/config.tsx",
-    "./i18n": "./src/i18n.ts",
    "./messages.d.ts": "./src/messages.d.ts",
-    "./navigation": "./src/navigation.ts"
+    "./request": "./src/request.ts",
+    "./routing": "./src/routing.ts"
  },
  "scripts": {
-    "lint:eslint": "eslint src --max-warnings 0 --report-unused-disable-directives",
+    "lint:eslint": "eslint src --max-warnings 0",
    "lint:typescript": "tsc --noEmit",
    "test": "vitest run"
  },
  "dependencies": {
+    "@repo/utils": "workspace:*",
    "deepmerge": "catalog:",
    "next": "catalog:",
    "next-intl": "catalog:",
@ -29,6 +29,7 @@
    "@types/react-dom": "catalog:",
    "@total-typescript/ts-reset": "catalog:",
    "eslint": "catalog:",
+    "typescript-eslint": "catalog:",
    "typescript": "catalog:",
    "vitest": "catalog:"
  }
--- a/packages/i18n/src/config.tsx
+++ b/packages/i18n/src/config.tsx
@ -1,30 +0,0 @@
-import type { RichTranslationValues } from "next-intl"
-
-export const LOCALES = ["en-US", "fr-FR"] as const
-export type Locale = (typeof LOCALES)[number]
-export const LOCALE_DEFAULT = "en-US" satisfies Locale
-export const LOCALE_PREFIX = "never"
-
-export interface LocaleProps {
-  params: {
-    locale: Locale
-  }
-}
-
-export const defaultTranslationValues: RichTranslationValues = {
-  br: () => {
-    return <br />
-  },
-  strong: (children) => {
-    return <strong>{children}</strong>
-  },
-  em: (children) => {
-    return <em>{children}</em>
-  },
-  s: (children) => {
-    return <s>{children}</s>
-  },
-  u: (children) => {
-    return <u>{children}</u>
-  },
-}
--- a/packages/i18n/src/navigation.ts
+++ b/packages/i18n/src/navigation.ts
@ -1,9 +0,0 @@
-import { createSharedPathnamesNavigation } from "next-intl/navigation"
-
-import { LOCALES, LOCALE_PREFIX } from "./config"
-
-export const { Link, redirect, usePathname, useRouter, permanentRedirect } =
-  createSharedPathnamesNavigation({
-    locales: LOCALES,
-    localePrefix: LOCALE_PREFIX,
-  })
--- a/packages/i18n/src/request.ts
+++ b/packages/i18n/src/request.ts
@ -1,14 +1,14 @@
 import deepmerge from "deepmerge"
 import type { AbstractIntlMessages } from "next-intl"
 import { getRequestConfig } from "next-intl/server"
-import { notFound } from "next/navigation"

-import type { Locale } from "./config"
-import { defaultTranslationValues, LOCALE_DEFAULT, LOCALES } from "./config"
+import type { Locale } from "@repo/utils/constants"
+import { LOCALE_DEFAULT, LOCALES } from "@repo/utils/constants"

-export default getRequestConfig(async ({ locale }) => {
+export default getRequestConfig(async ({ requestLocale }) => {
+  let locale = await requestLocale
  if (!LOCALES.includes(locale as Locale)) {
-    return notFound()
+    locale = LOCALE_DEFAULT
  }

  const userMessages = (await import(`./translations/${locale}.json`)).default
@ -21,7 +21,7 @@ export default getRequestConfig(async ({ locale }) => {
  )

  return {
+    locale,
    messages,
-    defaultTranslationValues,
  }
 })
--- a/packages/i18n/src/routing.ts
+++ b/packages/i18n/src/routing.ts
@ -0,0 +1,26 @@
+import { createNavigation } from "next-intl/navigation"
+
+import { LOCALES, LOCALE_DEFAULT, LOCALE_PREFIX } from "@repo/utils/constants"
+import { defineRouting } from "next-intl/routing"
+import type { Locale } from "@repo/utils/constants"
+
+export interface LocaleProps {
+  params: Promise<{
+    locale: Locale
+  }>
+}
+
+export const routing = defineRouting({
+  locales: LOCALES,
+  defaultLocale: LOCALE_DEFAULT,
+  localePrefix: LOCALE_PREFIX,
+})
+
+export const {
+  Link,
+  redirect,
+  usePathname,
+  useRouter,
+  getPathname,
+  permanentRedirect,
+} = createNavigation(routing)
--- a/packages/i18n/src/translations/en-US.json
+++ b/packages/i18n/src/translations/en-US.json
@ -1,151 +1,162 @@
 {
-  "meta": {
-    "title": "Théo LUDWIG",
-    "description": "Developer Full Stack • Open-Source Enthusiast"
-  },
-  "locales": {
-    "en-US": "English",
-    "fr-FR": "French"
-  },
-  "footer": {
-    "all-rights-reserved": "All rights reserved"
-  },
-  "errors": {
-    "error": "Error",
-    "page-doesnt-exist": "This page doesn't exist!",
-    "not-found": "Not Found",
-    "server-error": "Internal Server Error!",
-    "return-to-home-page": "Return to the home page?",
-    "try-again": "Try again?"
-  },
-  "home": {
-    "about": {
-      "pronouns": {
-        "label": "Pronouns",
-        "value": "He/Him"
-      },
-      "birth-date": {
-        "label": "Birth date",
-        "value": "{birthDate} ({age} years old)"
-      },
-      "nationality": {
-        "label": "Nationality",
-        "value": "Alsace, France"
-      },
-      "email": {
-        "label": "Email",
-        "value": "{email}"
-      },
-      "description": "I constantly wonder how to <strong>improve our present, to make our future better</strong>, particularly thanks to the advancements in <strong>computer science</strong>."
-    },
-    "interests": {
-      "title": "Interests",
-      "code": {
-        "title": "Developer Full Stack",
-        "description": "My priority is to craft <strong>intuitive user experiences (<abbr-ux>UX</abbr-ux>)</strong>, that meet the needs of the users <strong>in the most efficient way possible</strong>. <br></br> Mainly focused on the development of <strong>Web solutions</strong>. <br></br> I am also interested in mobile and desktop application development, among other areas within the field of computer science."
-      },
-      "open-source": {
-        "title": "Open-Source Enthusiast",
-        "description": "I value the <strong>sharing of knowledge and collaboration</strong> to collectively resolve problems. <br></br> The source code of the website is available on <github-link>GitHub</github-link>."
-      }
-    },
-    "skills": {
-      "title": "Skills",
-      "programming-languages": "Programming languages",
-      "frontend": "Frontend",
-      "backend": "Backend",
-      "software-tools": "Software and tools",
-      "others": "Others",
-      "driving-license": "Driving license"
-    },
-    "portfolio": {
-      "title": "Portfolio",
-      "carolo": {
-        "title": "Carolo",
-        "description": "Strategy board game similar to chess which allows grandiose moves (only available in French)."
-      },
-      "leon": {
-        "title": "Leon",
-        "description": "Leon is your open-source personal assistant."
-      }
-    },
-    "open-source": {
-      "title": "Open-Source",
-      "description": "Most famous open source projects I contributed to."
-    }
-  },
  "curriculum-vitae": {
-    "description": "Developer Full Stack • Student",
    "about": {
-      "title": "About",
-      "description": "I constantly wonder how to improve our present, to make our future better, particularly thanks to the advancements in computer science. <br></br> My priority is to craft intuitive user experiences (UX), that meet the needs of the users in the most efficient way possible."
+      "description": "I constantly wonder how to improve our present, to make our future better, particularly thanks to the advancements in computer science. <br></br> My priority is to craft intuitive user experiences (UX), that meet the needs of the users in the most efficient way possible.",
+      "title": "About"
    },
+    "description": "Developer Full Stack • Student",
    "education": {
-      "title": "Studies",
-      "iut": {
-        "study-type": "University Bachelor of Technology (BUT) Computer Science",
-        "institution": "IUT Robert Schuman in Illkirch-Graffenstaden",
+      "cnam": {
+        "institution": "Conservatoire National des Arts et Métiers (CNAM), in Eckbolsheim - UIMM Alsace - ITII Alsace",
+        "study-type": "Engineer in Computer Science and Information Systems (IS)",
+        "years": {
+          "2024-2027": {
+            "courses": {},
+            "description": "",
+            "title": "2024 - 2027"
+          }
+        }
+      },
+      "iut": {
+        "institution": "IUT Robert Schuman in Illkirch-Graffenstaden",
+        "study-type": "University Bachelor of Technology (BUT) Computer Science",
        "years": {
-          "2023-2024": {
-            "title": "2023 - 2024",
-            "description": "3rd year",
-            "courses": {
-              "web": "Web development in Node.js and React.js",
-              "ci-cd": "Continuous Integration/Deployment (CI/CD) and Docker",
-              "complexity-algorithms": "Theoretical and Practical Algorithmic Complexity in C++",
-              "no-sql": "NoSQL database (Redis, MongoDB, Cassandra)"
-            }
-          },
-          "2022-2023": {
-            "title": "2022 - 2023",
-            "description": "2nd year",
-            "courses": {
-              "web": "Web development with the Laravel framework in PHP",
-              "tests": "Development Quality and Automated Testing",
-              "clean-code": "Design Patterns and Principles (Maintainable and Reusable Code) in UML",
-              "systems-c": "Systems programming in C (Multi-Thread, Server/Client UDP/TCP)",
-              "sql-security": "Securing database access and PL/SQL"
-            }
-          },
          "2021-2022": {
-            "title": "2021 - 2022",
-            "description": "1st year",
            "courses": {
              "java": "Object Oriented Development in Java",
+              "sql": "Relational database and SQL language",
              "systems-c": "Systems programming in C (Memory allocation, Pointers, Structures)",
-              "windows-forms": "Windows Forms (.NET Framework) Application Development in C#",
-              "sql": "Relational database and SQL language"
-            }
+              "windows-forms": "Windows Forms (.NET Framework) Application Development in C#"
+            },
+            "description": "1st year",
+            "title": "2021 - 2022"
+          },
+          "2022-2023": {
+            "courses": {
+              "clean-code": "Design Patterns and Principles (Maintainable and Reusable Code) in UML",
+              "sql-security": "Securing database access and PL/SQL",
+              "systems-c": "Systems programming in C (Multi-Thread, Server/Client UDP/TCP)",
+              "tests": "Development Quality and Automated Testing",
+              "web": "Web development with the Laravel framework in PHP"
+            },
+            "description": "2nd year",
+            "title": "2022 - 2023"
+          },
+          "2023-2024": {
+            "courses": {
+              "ci-cd": "Continuous Integration/Deployment (CI/CD) and Docker",
+              "complexity-algorithms": "Theoretical and Practical Algorithmic Complexity in C++",
+              "no-sql": "NoSQL database (Redis, MongoDB, Cassandra)",
+              "web": "Web development in Node.js and React.js"
+            },
+            "description": "3rd year",
+            "title": "2023 - 2024"
          }
        }
      },
      "lycee": {
-        "study-type": "General Baccalaureate (Mathematics and Computer Science)",
        "institution": "Heinrich Nessel High School in Haguenau",
        "score": "Mention Quite Good",
+        "study-type": "General Baccalaureate (Mathematics and Computer Science)",
        "years": {
          "2019-2021": {
            "title": "2019 - 2021"
          }
        }
-      }
+      },
+      "title": "Studies"
+    },
+    "interests": {
+      "high-tech": "Passionate about High-Tech",
+      "open-source": "Open-Source Enthusiast"
    },
    "work": {
-      "title": "Work experiences",
      "ircad": {
-        "summary": "Development of WebSurg, a virtual university dedicated to medical-surgical training, in React.js/Next.js and API Platform with Symfony.",
+        "duration": "4 ans",
        "position": "Full Stack Web Developer Apprentice",
-        "duration": "1 year"
+        "summary": "Development of WebSurg, a virtual university dedicated to medical-surgical training, in React.js/Next.js and API Platform with Symfony."
      },
      "numerize": {
-        "summary": "Development of an DMS (Document Management System) tool in React.js, Laravel and GraphQL.",
+        "duration": "4 months",
        "position": "Full Stack Web Developer Intern",
-        "duration": "4 months"
+        "summary": "Development of an DMS (Document Management System) tool in React.js, Laravel and GraphQL."
+      },
+      "title": "Work experiences"
+    }
+  },
+  "errors": {
+    "error": "Error",
+    "not-found": "Not Found",
+    "page-doesnt-exist": "This page doesn't exist!",
+    "return-to-home-page": "Return to the home page?",
+    "server-error": "Internal Server Error!",
+    "try-again": "Try again?"
+  },
+  "footer": {
+    "all-rights-reserved": "All rights reserved"
+  },
+  "home": {
+    "about": {
+      "birth-date": {
+        "label": "Birth date",
+        "value": "{birthDate} ({age} years old)"
+      },
+      "description": "I constantly wonder how to <strong>improve our present, to make our future better</strong>, particularly thanks to the advancements in <strong>computer science</strong>.",
+      "email": {
+        "label": "Email",
+        "value": "{email}"
+      },
+      "nationality": {
+        "label": "Nationality",
+        "value": "Alsace, France"
+      },
+      "pronouns": {
+        "label": "Pronouns",
+        "value": "He/Him"
      }
    },
    "interests": {
-      "open-source": "Open-Source Enthusiast",
-      "high-tech": "Passionate about High-Tech"
+      "code": {
+        "description": "My priority is to craft <strong>intuitive user experiences (<abbr-ux>UX</abbr-ux>)</strong>, that meet the needs of the users <strong>in the most efficient way possible</strong>. <br></br> Mainly focused on the development of <strong>Web solutions</strong>. <br></br> I am also interested in mobile and desktop application development, among other areas within the field of computer science.",
+        "title": "Developer Full Stack"
+      },
+      "open-source": {
+        "description": "I value the <strong>sharing of knowledge and collaboration</strong> to collectively resolve problems. <br></br> The source code of the website is available on <github-link>GitHub</github-link>.",
+        "title": "Open-Source Enthusiast"
+      },
+      "title": "Interests"
+    },
+    "open-source": {
+      "description": "Most famous open source projects I contributed to.",
+      "title": "Open-Source"
+    },
+    "portfolio": {
+      "carolo": {
+        "description": "Strategy board game similar to chess which allows grandiose moves (only available in French).",
+        "title": "Carolo"
+      },
+      "leon": {
+        "description": "Leon is your open-source personal assistant.",
+        "title": "Leon"
+      },
+      "title": "Portfolio"
+    },
+    "skills": {
+      "backend": "Backend",
+      "driving-license": "Driving license",
+      "frontend": "Frontend",
+      "others": "Others",
+      "programming-languages": "Programming languages",
+      "software-tools": "Software and tools",
+      "title": "Skills"
    }
+  },
+  "locales": {
+    "en-US": "English",
+    "fr-FR": "French"
+  },
+  "meta": {
+    "description": "Developer Full Stack • Open-Source Enthusiast",
+    "title": "Théo LUDWIG"
  }
 }
--- a/packages/i18n/src/translations/fr-FR.json
+++ b/packages/i18n/src/translations/fr-FR.json
@ -1,151 +1,162 @@
 {
-  "meta": {
-    "title": "Théo LUDWIG",
-    "description": "Développeur Full Stack • Enthousiaste de l'Open-Source"
-  },
-  "locales": {
-    "en-US": "Anglais",
-    "fr-FR": "Français"
-  },
-  "footer": {
-    "all-rights-reserved": "Tous droits réservés"
-  },
-  "errors": {
-    "error": "Erreur",
-    "page-doesnt-exist": "Cette page n'existe pas !",
-    "not-found": "Introuvable",
-    "server-error": "Erreur interne du serveur !",
-    "return-to-home-page": "Retour à la page d'accueil ?",
-    "try-again": "Réessayer ?"
-  },
-  "home": {
-    "about": {
-      "pronouns": {
-        "label": "Pronoms",
-        "value": "Il/Lui"
-      },
-      "birth-date": {
-        "label": "Date de naissance",
-        "value": "{birthDate} ({age} ans)"
-      },
-      "nationality": {
-        "label": "Nationalité",
-        "value": "Alsace, France"
-      },
-      "email": {
-        "label": "Email",
-        "value": "{email}"
-      },
-      "description": "Je me demande constamment comment <strong>améliorer notre présent, afin de rendre notre futur meilleur</strong>, particulièrement grâce aux progrès de <strong>l'informatique</strong>."
-    },
-    "interests": {
-      "title": "Intérêts",
-      "code": {
-        "title": "Développeur Full Stack",
-        "description": "Ma priorité réside dans la création <strong>d'expériences utilisateurs (<abbr-ux>UX</abbr-ux>) intuitives</strong>, répondant aux besoins des utilisateurs de la <strong>manière la plus efficace que possible</strong>. <br></br> Principalement axé sur l'élaboration de <strong>solutions en Développement Web</strong>. <br></br> Je suis également intéressé par le développement d'applications mobiles parmis d'autres domaines de l'informatique."
-      },
-      "open-source": {
-        "title": "Enthousiaste de l'Open-Source",
-        "description": "J'apprécie le <strong>partage des connaissances et la collaboration</strong> pour résoudre des défis collectivement. <br></br> Le code source du site est accessible sur <github-link>GitHub</github-link>."
-      }
-    },
-    "skills": {
-      "title": "Compétences",
-      "programming-languages": "Langages de programmation",
-      "frontend": "Frontend",
-      "backend": "Backend",
-      "software-tools": "Logiciels et outils",
-      "others": "Autres",
-      "driving-license": "Permis B"
-    },
-    "portfolio": {
-      "title": "Portfolio",
-      "carolo": {
-        "title": "Carolo",
-        "description": "Jeu de plateau stratégique similaire aux échecs qui permet des coups grandioses, reposant sur des enchaînements remarquables."
-      },
-      "leon": {
-        "title": "Leon",
-        "description": "Leon est votre assistant personnel open source."
-      }
-    },
-    "open-source": {
-      "title": "Open-Source",
-      "description": "Projets open source les plus célèbres auxquels j'ai contribué."
-    }
-  },
  "curriculum-vitae": {
-    "description": "Développeur Full Stack • Étudiant",
    "about": {
-      "title": "À propos",
-      "description": "Je me demande constamment comment améliorer notre présent, afin de rendre notre futur meilleur, particulièrement grâce aux progrès de l'informatique. <br></br> Ma priorité réside dans la création d'expériences utilisateurs (UX) intuitives, répondant aux besoins des utilisateurs de la manière la plus efficace que possible."
+      "description": "Je me demande constamment comment améliorer notre présent, afin de rendre notre futur meilleur, particulièrement grâce aux progrès de l'informatique. <br></br> Ma priorité réside dans la création d'expériences utilisateurs (UX) intuitives, répondant aux besoins des utilisateurs de la manière la plus efficace que possible.",
+      "title": "À propos"
    },
+    "description": "Développeur Full Stack • Étudiant",
    "education": {
-      "title": "Études",
-      "iut": {
-        "study-type": "Bachelor Universitaire de Technologie (BUT) Informatique",
-        "institution": "IUT Robert Schuman à Illkirch-Graffenstaden",
+      "cnam": {
+        "institution": "Conservatoire National des Arts et Métiers (CNAM) à Eckbolsheim - UIMM Alsace - ITII Alsace",
+        "study-type": "Ingénieur en Informatique et Systèmes d'Information (SI)",
+        "years": {
+          "2024-2027": {
+            "courses": {},
+            "description": "",
+            "title": "2024 - 2027"
+          }
+        }
+      },
+      "iut": {
+        "institution": "IUT Robert Schuman à Illkirch-Graffenstaden",
+        "study-type": "Bachelor Universitaire de Technologie (BUT) Informatique",
        "years": {
-          "2023-2024": {
-            "title": "2023 - 2024",
-            "description": "3ème année",
-            "courses": {
-              "web": "Développement Web en Node.js et React.js",
-              "ci-cd": "Intégration/Déploiement Continue et Docker",
-              "complexity-algorithms": "Complexité Algorithmique Théorique et Pratique en C++",
-              "no-sql": "Base de données NoSQL (Redis, MongoDB, Cassandra)"
-            }
-          },
-          "2022-2023": {
-            "title": "2022 - 2023",
-            "description": "2ème année",
-            "courses": {
-              "web": "Développement Web avec le framework Laravel en PHP",
-              "tests": "Qualité de développement et Tests automatisés",
-              "clean-code": "Patrons et Principes de conceptions (Code maintenable et réutilisable) en UML",
-              "systems-c": "Programmation systèmes en C (Multi-Thread, Serveur/Client UDP/TCP)",
-              "sql-security": "Sécurisation des accès à la base de données et PL/SQL"
-            }
-          },
          "2021-2022": {
-            "title": "2021 - 2022",
-            "description": "1ère année",
            "courses": {
              "java": "Développement Orientée Objet en Java",
+              "sql": "Base de données relationnelles et langage SQL",
              "systems-c": "Programmation systèmes en C (Allocation mémoire, Pointeurs, Structures)",
-              "windows-forms": "Développement d'application Windows Forms (.NET Framework) en C#",
-              "sql": "Base de données relationnelles et langage SQL"
-            }
+              "windows-forms": "Développement d'application Windows Forms (.NET Framework) en C#"
+            },
+            "description": "1ère année",
+            "title": "2021 - 2022"
+          },
+          "2022-2023": {
+            "courses": {
+              "clean-code": "Patrons et Principes de conceptions (Code maintenable et réutilisable) en UML",
+              "sql-security": "Sécurisation des accès à la base de données et PL/SQL",
+              "systems-c": "Programmation systèmes en C (Multi-Thread, Serveur/Client UDP/TCP)",
+              "tests": "Qualité de développement et Tests automatisés",
+              "web": "Développement Web avec le framework Laravel en PHP"
+            },
+            "description": "2ème année",
+            "title": "2022 - 2023"
+          },
+          "2023-2024": {
+            "courses": {
+              "ci-cd": "Intégration/Déploiement Continue et Docker",
+              "complexity-algorithms": "Complexité Algorithmique Théorique et Pratique en C++",
+              "no-sql": "Base de données NoSQL (Redis, MongoDB, Cassandra)",
+              "web": "Développement Web en Node.js et React.js"
+            },
+            "description": "3ème année",
+            "title": "2023 - 2024"
          }
        }
      },
      "lycee": {
-        "study-type": "Baccalauréat Général (Mathématiques et Numériques Sciences Informatiques)",
        "institution": "Lycée Heinrich Nessel à Haguenau",
        "score": "Mention Assez Bien",
+        "study-type": "Baccalauréat Général (Mathématiques et Numériques Sciences Informatiques)",
        "years": {
          "2019-2021": {
            "title": "2019 - 2021"
          }
        }
-      }
+      },
+      "title": "Études"
+    },
+    "interests": {
+      "high-tech": "Passionné de High-Tech",
+      "open-source": "Enthousiaste de l'Open-Source"
    },
    "work": {
-      "title": "Expériences professionnelles",
      "ircad": {
-        "summary": "Développement de WebSurg, une université virtuelle consacrée à la formation médico-chirurgicale, en React.js/Next.js et API Platform avec Symfony.",
+        "duration": "4 ans",
        "position": "Apprenti Développeur Web Full Stack",
-        "duration": "1 an"
+        "summary": "Développement de WebSurg, une université virtuelle consacrée à la formation médico-chirurgicale, en React.js/Next.js et API Platform avec Symfony."
      },
      "numerize": {
-        "summary": "Développement d'un outil GED (Gestion Électronique de Documents) en React.js, Laravel et GraphQL.",
+        "duration": "4 mois",
        "position": "Stagiaire Développeur Web Full Stack",
-        "duration": "4 mois"
+        "summary": "Développement d'un outil GED (Gestion Électronique de Documents) en React.js, Laravel et GraphQL."
+      },
+      "title": "Expériences professionnelles"
+    }
+  },
+  "errors": {
+    "error": "Erreur",
+    "not-found": "Introuvable",
+    "page-doesnt-exist": "Cette page n'existe pas !",
+    "return-to-home-page": "Retour à la page d'accueil ?",
+    "server-error": "Erreur interne du serveur !",
+    "try-again": "Réessayer ?"
+  },
+  "footer": {
+    "all-rights-reserved": "Tous droits réservés"
+  },
+  "home": {
+    "about": {
+      "birth-date": {
+        "label": "Date de naissance",
+        "value": "{birthDate} ({age} ans)"
+      },
+      "description": "Je me demande constamment comment <strong>améliorer notre présent, afin de rendre notre futur meilleur</strong>, particulièrement grâce aux progrès de <strong>l'informatique</strong>.",
+      "email": {
+        "label": "Email",
+        "value": "{email}"
+      },
+      "nationality": {
+        "label": "Nationalité",
+        "value": "Alsace, France"
+      },
+      "pronouns": {
+        "label": "Pronoms",
+        "value": "Il/Lui"
      }
    },
    "interests": {
-      "open-source": "Enthousiaste de l'Open-Source",
-      "high-tech": "Passionné de High-Tech"
+      "code": {
+        "description": "Ma priorité réside dans la création <strong>d'expériences utilisateurs (<abbr-ux>UX</abbr-ux>) intuitives</strong>, répondant aux besoins des utilisateurs de la <strong>manière la plus efficace que possible</strong>. <br></br> Principalement axé sur l'élaboration de <strong>solutions en Développement Web</strong>. <br></br> Je suis également intéressé par le développement d'applications mobiles parmis d'autres domaines de l'informatique.",
+        "title": "Développeur Full Stack"
+      },
+      "open-source": {
+        "description": "J'apprécie le <strong>partage des connaissances et la collaboration</strong> pour résoudre des défis collectivement. <br></br> Le code source du site est accessible sur <github-link>GitHub</github-link>.",
+        "title": "Enthousiaste de l'Open-Source"
+      },
+      "title": "Intérêts"
+    },
+    "open-source": {
+      "description": "Projets open source les plus célèbres auxquels j'ai contribué.",
+      "title": "Open-Source"
+    },
+    "portfolio": {
+      "carolo": {
+        "description": "Jeu de plateau stratégique similaire aux échecs qui permet des coups grandioses, reposant sur des enchaînements remarquables.",
+        "title": "Carolo"
+      },
+      "leon": {
+        "description": "Leon est votre assistant personnel open source.",
+        "title": "Leon"
+      },
+      "title": "Portfolio"
+    },
+    "skills": {
+      "backend": "Backend",
+      "driving-license": "Permis B",
+      "frontend": "Frontend",
+      "others": "Autres",
+      "programming-languages": "Langages de programmation",
+      "software-tools": "Logiciels et outils",
+      "title": "Compétences"
    }
+  },
+  "locales": {
+    "en-US": "Anglais",
+    "fr-FR": "Français"
+  },
+  "meta": {
+    "description": "Développeur Full Stack • Enthousiaste de l'Open-Source",
+    "title": "Théo LUDWIG"
  }
 }
--- a/packages/i18n/tsconfig.json
+++ b/packages/i18n/tsconfig.json
@ -1,14 +1,7 @@
 {
  "extends": "@repo/config-typescript/tsconfig.json",
  "compilerOptions": {
-    "target": "ESNext",
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "resolveJsonModule": true,
    "lib": ["DOM", "DOM.Iterable", "ESNext"],
-    "types": ["@total-typescript/ts-reset"],
-    "jsx": "preserve",
-
-    "noEmit": true
+    "types": ["@total-typescript/ts-reset"]
  }
 }
--- a/packages/react-hooks/.eslintrc.json
+++ b/packages/react-hooks/.eslintrc.json
@ -1,14 +0,0 @@
-{
-  "root": true,
-  "extends": ["@repo/eslint-config/nextjs/.eslintrc.json"],
-  "overrides": [
-    {
-      "files": ["*.ts", "*.tsx"],
-      "plugins": ["@typescript-eslint"],
-      "parser": "@typescript-eslint/parser",
-      "parserOptions": {
-        "project": true
-      }
-    }
-  ]
-}
--- a/packages/react-hooks/eslint.config.js
+++ b/packages/react-hooks/eslint.config.js
@ -0,0 +1,13 @@
+import typescriptESLint from "typescript-eslint"
+import configNextjs from "@repo/eslint-config/nextjs"
+
+export default typescriptESLint.config(...configNextjs, {
+  files: ["**/*.ts", "**/*.tsx"],
+  languageOptions: {
+    parser: typescriptESLint.parser,
+    parserOptions: {
+      projectService: true,
+      tsconfigRootDir: import.meta.dirname,
+    },
+  },
+})
--- a/packages/react-hooks/package.json
+++ b/packages/react-hooks/package.json
@ -1,6 +1,6 @@
 {
  "name": "@repo/react-hooks",
-  "version": "4.0.0",
+  "version": "4.1.0",
  "private": true,
  "type": "module",
  "exports": {
@ -8,7 +8,7 @@
    "./useIsMounted": "./src/useIsMounted.ts"
  },
  "scripts": {
-    "lint:eslint": "eslint src --max-warnings 0 --report-unused-disable-directives",
+    "lint:eslint": "eslint src --max-warnings 0",
    "lint:typescript": "tsc --noEmit",
    "test": "vitest run --browser.headless",
    "test:ui": "vitest --ui --no-open"
@ -25,10 +25,11 @@
    "@types/react-dom": "catalog:",
    "@total-typescript/ts-reset": "catalog:",
    "@vitest/browser": "catalog:",
-    "@vitest/coverage-istanbul": "catalog:",
+    "@vitest/coverage-v8": "catalog:",
    "@vitest/ui": "catalog:",
    "eslint": "catalog:",
    "playwright": "catalog:",
+    "typescript-eslint": "catalog:",
    "typescript": "catalog:",
    "vitest": "catalog:"
  }
--- a/packages/react-hooks/src/tests/useBoolean.test.ts
+++ b/packages/react-hooks/src/tests/useBoolean.test.ts
@ -1,7 +1,7 @@
 import { act, renderHook } from "@testing-library/react"

 import { describe, expect, it } from "vitest"
-import { useBoolean } from "../useBoolean"
+import { useBoolean } from "../useBoolean.ts"

 describe("useBoolean", () => {
  const initialValues = [true, false]
--- a/packages/react-hooks/src/tests/useIsMounted.test.ts
+++ b/packages/react-hooks/src/tests/useIsMounted.test.ts
@ -1,7 +1,7 @@
 import { renderHook } from "@testing-library/react"

 import { describe, expect, it } from "vitest"
-import { useIsMounted } from "../useIsMounted"
+import { useIsMounted } from "../useIsMounted.ts"

 describe("useIsMounted", () => {
  it("should return true", () => {
--- a/packages/react-hooks/tsconfig.json
+++ b/packages/react-hooks/tsconfig.json
@ -1,17 +1,7 @@
 {
  "extends": "@repo/config-typescript/tsconfig.json",
  "compilerOptions": {
-    "target": "ESNext",
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "resolveJsonModule": true,
    "lib": ["DOM", "DOM.Iterable", "ESNext"],
-    "types": [
-      "@total-typescript/ts-reset",
-      "@vitest/browser/providers/playwright"
-    ],
-    "jsx": "preserve",
-
-    "noEmit": true
+    "types": ["@total-typescript/ts-reset"]
  }
 }
--- a/packages/react-hooks/vitest.config.ts
+++ b/packages/react-hooks/vitest.config.ts
@ -1,15 +1,19 @@
 import { defineConfig } from "vitest/config"

 export default defineConfig({
+  optimizeDeps: {
+    include: ["@vitest/coverage-v8/browser"],
+  },
  test: {
    browser: {
      provider: "playwright",
      enabled: true,
      name: "chromium",
+      screenshotFailures: false,
    },
    coverage: {
      enabled: true,
-      provider: "istanbul",
+      provider: "v8",
    },
  },
 })
--- a/packages/ui/.eslintrc.json
+++ b/packages/ui/.eslintrc.json
@ -1,14 +0,0 @@
-{
-  "root": true,
-  "extends": ["@repo/eslint-config/nextjs/.eslintrc.json"],
-  "overrides": [
-    {
-      "files": ["*.ts", "*.tsx"],
-      "plugins": ["@typescript-eslint"],
-      "parser": "@typescript-eslint/parser",
-      "parserOptions": {
-        "project": true
-      }
-    }
-  ]
-}
--- a/packages/ui/eslint.config.js
+++ b/packages/ui/eslint.config.js
@ -0,0 +1,13 @@
+import typescriptESLint from "typescript-eslint"
+import configNextjs from "@repo/eslint-config/nextjs"
+
+export default typescriptESLint.config(...configNextjs, {
+  files: ["**/*.ts", "**/*.tsx"],
+  languageOptions: {
+    parser: typescriptESLint.parser,
+    parserOptions: {
+      projectService: true,
+      tsconfigRootDir: import.meta.dirname,
+    },
+  },
+})
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@ -1,6 +1,6 @@
 {
  "name": "@repo/ui",
-  "version": "4.0.0",
+  "version": "4.1.0",
  "private": true,
  "type": "module",
  "exports": {
@ -23,7 +23,7 @@
    "./Layout/Section": "./src/Layout/Section/Section.tsx"
  },
  "scripts": {
-    "lint:eslint": "eslint src --max-warnings 0 --report-unused-disable-directives",
+    "lint:eslint": "eslint src --max-warnings 0",
    "lint:typescript": "tsc --noEmit"
  },
  "dependencies": {
@ -51,6 +51,7 @@
    "eslint": "catalog:",
    "postcss": "catalog:",
    "tailwindcss": "catalog:",
+    "typescript-eslint": "catalog:",
    "typescript": "catalog:"
  }
 }
--- a/packages/ui/src/CurriculumVitae/CurriculumVitae.stories.tsx
+++ b/packages/ui/src/CurriculumVitae/CurriculumVitae.stories.tsx
@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react"

-import { CurriculumVitae as CurriculumVitaeComponent } from "./CurriculumVitae"
+import { CurriculumVitae as CurriculumVitaeComponent } from "./CurriculumVitae.tsx"

 const meta = {
  title: "Curriculum Vitae/CurriculumVitae",
--- a/packages/ui/src/CurriculumVitae/CurriculumVitae.tsx
+++ b/packages/ui/src/CurriculumVitae/CurriculumVitae.tsx
@ -1,9 +1,9 @@
-import { CurriculumVitaeAbout } from "./CurriculumVitaeAbout"
-import { CurriculumVitaeEducation } from "./CurriculumVitaeEducation"
-import { CurriculumVitaeInterests } from "./CurriculumVitaeInterests"
-import { CurriculumVitaeProfile } from "./CurriculumVitaeProfile"
-import { CurriculumVitaeSkills } from "./CurriculumVitaeSkills"
-import { CurriculumVitaeWork } from "./CurriculumVitaeWork"
+import { CurriculumVitaeAbout } from "./CurriculumVitaeAbout.tsx"
+import { CurriculumVitaeEducation } from "./CurriculumVitaeEducation.tsx"
+import { CurriculumVitaeInterests } from "./CurriculumVitaeInterests.tsx"
+import { CurriculumVitaeProfile } from "./CurriculumVitaeProfile.tsx"
+import { CurriculumVitaeSkills } from "./CurriculumVitaeSkills.tsx"
+import { CurriculumVitaeWork } from "./CurriculumVitaeWork.tsx"

 export interface CurriculumVitaeProps {}

--- a/packages/ui/src/CurriculumVitae/CurriculumVitaeAbout.tsx
+++ b/packages/ui/src/CurriculumVitae/CurriculumVitaeAbout.tsx
@ -1,6 +1,6 @@
 import { useTranslations } from "next-intl"
 import { FaUser } from "react-icons/fa"
-import { CurriculumVitaeSection } from "./CurriculumVitaeSection"
+import { CurriculumVitaeSection } from "./CurriculumVitaeSection.tsx"

 export interface CurriculumVitaeAboutProps {}

@ -13,7 +13,13 @@ export const CurriculumVitaeAbout: React.FC<CurriculumVitaeAboutProps> = () => {
      title={t("curriculum-vitae.about.title")}
      icon={<FaUser size={24} />}
    >
-      <p>{t.rich("curriculum-vitae.about.description")}</p>
+      <p>
+        {t.rich("curriculum-vitae.about.description", {
+          br: () => {
+            return <br />
+          },
+        })}
+      </p>
    </CurriculumVitaeSection>
  )
 }
--- a/packages/ui/src/CurriculumVitae/CurriculumVitaeEducation.tsx
+++ b/packages/ui/src/CurriculumVitae/CurriculumVitaeEducation.tsx
@ -1,6 +1,6 @@
 import { useTranslations } from "next-intl"
 import { FaGraduationCap } from "react-icons/fa"
-import { CurriculumVitaeSection } from "./CurriculumVitaeSection"
+import { CurriculumVitaeSection } from "./CurriculumVitaeSection.tsx"

 export interface CurriculumVitaeEducationProps {}

@ -10,6 +10,13 @@ export const CurriculumVitaeEducation: React.FC<
  const t = useTranslations()

  const educations = [
+    {
+      years: t("curriculum-vitae.education.cnam.years.2024-2027.title"),
+      studyType: t("curriculum-vitae.education.cnam.study-type"),
+      institution: t("curriculum-vitae.education.cnam.institution"),
+      score: t("curriculum-vitae.education.cnam.years.2024-2027.description"),
+      courses: [],
+    },
    {
      years: t("curriculum-vitae.education.iut.years.2023-2024.title"),
      studyType: t("curriculum-vitae.education.iut.study-type"),
--- a/packages/ui/src/CurriculumVitae/CurriculumVitaeInterests.tsx
+++ b/packages/ui/src/CurriculumVitae/CurriculumVitaeInterests.tsx
@ -1,6 +1,6 @@
 import { useTranslations } from "next-intl"
 import { FaHeart } from "react-icons/fa"
-import { CurriculumVitaeSection } from "./CurriculumVitaeSection"
+import { CurriculumVitaeSection } from "./CurriculumVitaeSection.tsx"

 export interface CurriculumVitaeInterestsProps {}

--- a/packages/ui/src/CurriculumVitae/CurriculumVitaeProfile.tsx
+++ b/packages/ui/src/CurriculumVitae/CurriculumVitaeProfile.tsx
@ -1,8 +1,8 @@
-import { Link } from "@repo/i18n/navigation"
+import { Link } from "@repo/i18n/routing"
 import { useTranslations } from "next-intl"
 import Image from "next/image"
-import { BirthDate } from "../Home/About/AboutList/BirthDate"
-import { Locales } from "../Layout/Header/Locales/Locales"
+import { BirthDate } from "../Home/About/AboutList/BirthDate.tsx"
+import { Locales } from "../Layout/Header/Locales/Locales.tsx"

 export interface CurriculumVitaeProfileProps {}

--- a/packages/ui/src/CurriculumVitae/CurriculumVitaeSkills.tsx
+++ b/packages/ui/src/CurriculumVitae/CurriculumVitaeSkills.tsx
@ -3,8 +3,8 @@ import { FaToolbox } from "react-icons/fa"
 import {
  SKILL_CATEGORIES,
  SKILL_NAMES_BY_CATEGORY,
-} from "../Home/Skills/skills"
-import { CurriculumVitaeSection } from "./CurriculumVitaeSection"
+} from "../Home/Skills/skills.ts"
+import { CurriculumVitaeSection } from "./CurriculumVitaeSection.tsx"

 export interface CurriculumVitaeSkillsProps {}

--- a/packages/ui/src/CurriculumVitae/CurriculumVitaeWork.tsx
+++ b/packages/ui/src/CurriculumVitae/CurriculumVitaeWork.tsx
@ -1,6 +1,6 @@
 import { useTranslations } from "next-intl"
 import { MdWork } from "react-icons/md"
-import { CurriculumVitaeSection } from "./CurriculumVitaeSection"
+import { CurriculumVitaeSection } from "./CurriculumVitaeSection.tsx"

 export interface CurriculumVitaeWorkProps {}

@ -14,7 +14,7 @@ export const CurriculumVitaeWork: React.FC<CurriculumVitaeWorkProps> = () => {
      name: "IRCAD",
      location: "1 Place de l'Hôpital, FR-67000 Strasbourg",
      position: t("curriculum-vitae.work.ircad.position"),
-      dates: "28/08/2023 - 02/09/2024",
+      dates: "28/08/2023 - 31/08/2027",
      duration: t("curriculum-vitae.work.ircad.duration"),
    },
    {
--- a/packages/ui/src/Design/Button/Button.stories.tsx
+++ b/packages/ui/src/Design/Button/Button.stories.tsx
@ -2,8 +2,8 @@ import type { Meta, StoryObj } from "@storybook/react"
 import { expect, fn, userEvent, within } from "@storybook/test"
 import { FaCheck } from "react-icons/fa"

-import type { ButtonLinkProps } from "./Button"
-import { Button } from "./Button"
+import type { ButtonLinkProps } from "./Button.tsx"
+import { Button } from "./Button.tsx"

 const meta = {
  title: "Design System/Button",
--- a/packages/ui/src/Design/Button/Button.tsx
+++ b/packages/ui/src/Design/Button/Button.tsx
@ -1,10 +1,10 @@
 import { classNames } from "@repo/config-tailwind/classNames"
-import { Link as NextLink } from "@repo/i18n/navigation"
+import { Link as NextLink } from "@repo/i18n/routing"
 import type { VariantProps } from "cva"
 import { cva } from "cva"

-import { Spinner } from "../Spinner/Spinner"
-import { Ripple } from "./Ripple"
+import { Spinner } from "../Spinner/Spinner.tsx"
+import { Ripple } from "./Ripple.tsx"

 const buttonVariants = cva({
  base: "relative inline-flex items-center justify-center overflow-hidden rounded-md text-base font-semibold transition duration-150 ease-in-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
@ -12,7 +12,7 @@ const buttonVariants = cva({
    variant: {
      solid: "bg-primary hover:bg-primary/80 text-white",
      outline:
-        "dark:border-primary-dark/60 dark:text-primary-dark dark:hover:border-primary-dark border-primary/60 text-primary hover:border-primary hover:bg-gray border bg-transparent dark:hover:bg-transparent",
+        "dark:border-primary-dark/60 dark:text-primary-dark dark:hover:border-primary-dark border-primary/60 text-primary hover:border-primary hover:bg-primary border bg-transparent hover:text-white",
    },
    size: {
      small: "h-9 rounded-md px-3",
--- a/packages/ui/src/Design/Link/Link.stories.tsx
+++ b/packages/ui/src/Design/Link/Link.stories.tsx
@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react"

-import { Link } from "./Link"
+import { Link } from "./Link.tsx"

 const meta = {
  title: "Design System/Link",
--- a/packages/ui/src/Design/Link/Link.tsx
+++ b/packages/ui/src/Design/Link/Link.tsx
@ -1,5 +1,5 @@
 import { classNames } from "@repo/config-tailwind/classNames"
-import { Link as NextLink } from "@repo/i18n/navigation"
+import { Link as NextLink } from "@repo/i18n/routing"
 import { FiExternalLink } from "react-icons/fi"

 export interface LinkProps extends React.ComponentProps<typeof NextLink> {
--- a/packages/ui/src/Design/Spinner/Spinner.stories.tsx
+++ b/packages/ui/src/Design/Spinner/Spinner.stories.tsx
@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react"

-import { Spinner } from "./Spinner"
+import { Spinner } from "./Spinner.tsx"

 const meta = {
  title: "Design System/Spinner",
--- a/packages/ui/src/Design/Typography/Typography.stories.tsx
+++ b/packages/ui/src/Design/Typography/Typography.stories.tsx
@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from "@storybook/react"

-import type { TypographyProps } from "./Typography"
-import { Typography } from "./Typography"
+import type { TypographyProps } from "./Typography.tsx"
+import { Typography } from "./Typography.tsx"

 const meta = {
  title: "Design System/Typography",
--- a/packages/ui/src/Errors/ErrorNotFound/ErrorNotFound.stories.tsx
+++ b/packages/ui/src/Errors/ErrorNotFound/ErrorNotFound.stories.tsx
@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react"

-import { ErrorNotFound as ErrorNotFoundComponent } from "./ErrorNotFound"
+import { ErrorNotFound as ErrorNotFoundComponent } from "./ErrorNotFound.tsx"

 const meta = {
  title: "Errors/ErrorNotFound",
--- a/packages/ui/src/Errors/ErrorNotFound/ErrorNotFound.tsx
+++ b/packages/ui/src/Errors/ErrorNotFound/ErrorNotFound.tsx
@ -1,8 +1,8 @@
 import { useTranslations } from "next-intl"
-import { Link } from "../../Design/Link/Link"
-import { Typography } from "../../Design/Typography/Typography"
-import { MainLayout } from "../../Layout/MainLayout/MainLayout"
-import { Section } from "../../Layout/Section/Section"
+import { Link } from "../../Design/Link/Link.tsx"
+import { Typography } from "../../Design/Typography/Typography.tsx"
+import { MainLayout } from "../../Layout/MainLayout/MainLayout.tsx"
+import { Section } from "../../Layout/Section/Section.tsx"

 export interface ErrorNotFoundProps {}

--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
semantic-release-bot	251b0b4038	chore(release): 4.1.0 [skip ci]	2024-11-09 20:10:23 +00:00
Théo LUDWIG	a5baffe9eb	fix(ui): button outline, hover effect	2024-11-09 21:01:31 +01:00
Théo LUDWIG	1351e4122d	fix(blog): shiki syntax highlighting for txt	2024-11-09 20:21:09 +01:00
Théo LUDWIG	4c69d5a852	refactor(ui): allow all tailwind css colors	2024-11-09 20:14:30 +01:00
Théo LUDWIG	9e840b8dae	build(deps): update Next.js to v15 and ESLint to v9	2024-11-09 19:50:22 +01:00
Théo LUDWIG	59153a7a69	style: fix ESLint	2024-10-13 00:00:44 +02:00
Théo LUDWIG	0a7094005c	chore: config updates	2024-10-12 23:51:58 +02:00
Théo LUDWIG	12f1d6cdf2	chore: try to fix CI with Playwright	2024-09-12 00:14:58 +02:00
Théo LUDWIG	0d7b33727b	feat: add in progress Engineering study + IRCAD until 2027 on CV	2024-09-12 00:05:59 +02:00
Théo LUDWIG	386f407f21	chore: simplify TypeScript config	2024-09-11 23:53:26 +02:00