chore: project tidy up 2

src/config/routes.tsx

@@ -2,21 +2,13 @@
 SPDX-License-Identifier: GPL-3.0-only */
 import { ReactNode } from "react";
 
-import { Loaders } from "../docs/Experimental/Loaders";
 import { Polkicon } from "../docs/Components/Polkicon";
 import { Extensions } from "../docs/Assets/Extensions";
 import { Validators } from "../docs/Assets/Validators";
-import { Grid } from "../docs/Experimental/Grid";
-import { Card } from "../docs/Experimental/Cards";
 import { Overlay } from "../docs/Components/Overlay";
-import { AccountCard } from "../docs/Experimental/AccountCard";
-import { ModalConnect } from "../docs/Experimental/Connect/Modal";
 import { Odometer } from "../docs/Components/Odometer";
-import { Modal } from "../docs/Experimental/Modal";
 import { UtilitiesBase } from "../docs/Utilities/Base";
 import { UtilitiesUnit } from "../docs/Utilities/Unit";
-import { Switch } from "../docs/Experimental/Switch";
-import { Textfield } from "../docs/Experimental/Textfield";
 import { Overview } from "../docs/GettingStarted/Overview";
 import { Installation } from "../docs/GettingStarted/Installation";
 import { UsingThemes } from "../docs/GettingStarted/UsingThemes";
@@ -65,20 +57,6 @@ const gettingStartedRoutes = [
   },
 ];
 
-// recipes
-const recipesRoutes = [
-  {
-    path: "account-card",
-    name: "Account card",
-    element: <AccountCard />,
-  },
-  {
-    path: "modal-connect",
-    name: "Modal Connect",
-    element: <ModalConnect />,
-  },
-];
-
 // utils
 const utilsRoutes = [
   {
@@ -93,39 +71,6 @@ const utilsRoutes = [
   },
 ];
 
-// Layout Components
-const componentsLayoutRoutes = [
-  {
-    path: "grid",
-    name: "Grid",
-    element: <Grid />,
-  },
-  {
-    path: "card",
-    name: "Card",
-    element: <Card />,
-  },
-  {
-    path: "modal",
-    name: "Modal",
-    element: <Modal />,
-  },
-];
-
-// Input Components
-const componentsInputRoutes = [
-  {
-    path: "switch",
-    name: "Switch",
-    element: <Switch />,
-  },
-  {
-    path: "textfield",
-    name: "Textfield",
-    element: <Textfield />,
-  },
-];
-
 const assetsRoutes = [
   {
     path: "extensions",
@@ -165,11 +110,6 @@ const componentsRoutes = [
     name: "Overlay",
     element: <Overlay />,
   },
-  {
-    path: "loader",
-    name: "Loaders",
-    element: <Loaders />,
-  },
 ];
 
 export const routes: Routes = [
@@ -181,9 +121,6 @@ export const routes: Routes = [
   ...gettingStartedRoutes,
   ...assetsRoutes,
   ...componentsRoutes,
-  ...componentsLayoutRoutes,
-  ...componentsInputRoutes,
-  ...recipesRoutes,
   ...utilsRoutes,
 ];
 
@@ -221,13 +158,8 @@ export const routeCategories: RouteCategories = [
         paths: ["extensions-provider", "extension-accounts-provider"],
       },
       {
-        paths: ["polkicon"],
-      },
-      {
-        paths: ["odometer"],
-      },
-      {
-        paths: ["overlay"],
+        heading: "UI",
+        paths: ["polkicon", "odometer", "overlay"],
       },
     ],
   },
@@ -239,23 +171,6 @@ export const routeCategories: RouteCategories = [
       },
     ],
   },
-  {
-    name: "Experimental",
-    paths: [
-      {
-        heading: "Components",
-        paths: ["loader", "modal", "switch", "textfield"],
-      },
-      {
-        heading: "Layout",
-        paths: ["card", "grid"],
-      },
-      {
-        heading: "Recipes",
-        paths: ["account-card", "modal-connect"],
-      },
-    ],
-  },
 ];
 
 export const nameFromRoute = (path: string): string | undefined =>