fix: address docs routing review

src/pages/docs/DocsLayout.tsx

@@ -13,7 +13,7 @@ export function DocsLayout(): React.JSX.Element {
             <Link
               className="docs-home-link"
               to="/"
-              aria-label="Retour a l'accueil"
+              aria-label="Retour à l'accueil"
             >
               <Home size={18} strokeWidth={2.25} aria-hidden="true" />
             </Link>

src/pages/docs/DocsRouteComponents.tsx

@@ -0,0 +1,71 @@
+import { Suspense, lazy } from "react";
+
+const LazyDocsLayout = lazy(() =>
+  import("@/pages/docs/DocsLayout").then((module) => ({
+    default: module.DocsLayout,
+  })),
+);
+
+const LazyDocsReadmePage = lazy(() =>
+  import("@/pages/docs/page").then((module) => ({
+    default: module.DocsReadmePage,
+  })),
+);
+
+const LazyDocsArchitecturePage = lazy(() =>
+  import("@/pages/docs/architecture/page").then((module) => ({
+    default: module.DocsArchitecturePage,
+  })),
+);
+
+const LazyDocsTargetArchitecturePage = lazy(() =>
+  import("@/pages/docs/target-architecture/page").then((module) => ({
+    default: module.DocsTargetArchitecturePage,
+  })),
+);
+
+const LazyDocsFeaturesPage = lazy(() =>
+  import("@/pages/docs/features/page").then((module) => ({
+    default: module.DocsFeaturesPage,
+  })),
+);
+
+export function DocsLayoutRoute(): React.JSX.Element {
+  return (
+    <Suspense fallback={null}>
+      <LazyDocsLayout />
+    </Suspense>
+  );
+}
+
+export function DocsReadmeRoute(): React.JSX.Element {
+  return (
+    <Suspense fallback={null}>
+      <LazyDocsReadmePage />
+    </Suspense>
+  );
+}
+
+export function DocsArchitectureRoute(): React.JSX.Element {
+  return (
+    <Suspense fallback={null}>
+      <LazyDocsArchitecturePage />
+    </Suspense>
+  );
+}
+
+export function DocsTargetArchitectureRoute(): React.JSX.Element {
+  return (
+    <Suspense fallback={null}>
+      <LazyDocsTargetArchitecturePage />
+    </Suspense>
+  );
+}
+
+export function DocsFeaturesRoute(): React.JSX.Element {
+  return (
+    <Suspense fallback={null}>
+      <LazyDocsFeaturesPage />
+    </Suspense>
+  );
+}

src/pages/docs/docsSections.ts

@@ -26,7 +26,7 @@ export const docSections: DocSection[] = [
   },
   {
     path: "/docs/features",
-    title: "Fonctionnalites",
+    title: "Fonctionnalités",
     subtitle: "Implemented scope",
     meta: "04",
   },

src/pages/docs/features/page.tsx

@@ -8,7 +8,7 @@ export function DocsFeaturesPage(): React.JSX.Element {
       content={features}
       frContent={featuresFr}
       meta="04"
-      title="Fonctionnalites"
+      title="Fonctionnalités"
     />
   );
 }