fixes and architecture

src/Routes.tsx

@@ -0,0 +1,36 @@
+import { FiGrid, FiHome, FiBox, FiTag } from "react-icons/fi";
+
+export interface INavigation 
+{
+    name: string;
+    description?: string;
+    path: string;
+    icon: React.ReactNode;
+}
+
+export const RouteNavigation: INavigation[] = [
+  {
+    name: "Inicio",
+    description: "Inicio",
+    path: "/",
+    icon: <FiHome />,
+  },
+  {
+    name: "Catálogo",
+    description: "Catálogo",
+    path: "/catalog",
+    icon: <FiGrid />,
+  },
+  {
+    name: "Planes",
+    description: "Planes para instructores",
+    path: "/plans",
+    icon: <FiTag />,
+  },
+  {
+    name: "Componentes",
+    description: "Guía de componentes UI",
+    path: "/components",
+    icon: <FiBox />,
+  },
+];