Fixed layout and routing

src/routers/router.tsx

@@ -0,0 +1,33 @@
+import { lazy } from 'solid-js'
+import Layout from '../layouts/Layout.tsx'
+
+const routes = [
+  {
+    path: '/',
+    component: (props: any) => <Layout>{props.children}</Layout>,
+    children: [
+      {
+        path: '/',
+        component: lazy(() => import('../pages/IndexPage/Index.tsx')),
+      },
+      {
+        path: '/main',
+        component: lazy(() => import('../pages/MainPage/Main.tsx')),
+      },
+      {
+        path: '/register',
+        component: lazy(() => import('../pages/RegisterPage/Register.tsx')),
+      },
+      {
+        path: '/login',
+        component: lazy(() => import('../pages/LoginPage/Login.tsx')),
+      },
+    ],
+  },
+  {
+    path: '**',
+    component: () => <div>404</div>,
+  },
+]
+
+export default routes