base table

src/pages/Home/index.ts

@@ -0,0 +1,3 @@
+import Home from "./ui/Page/Page";
+
+export { Home };

src/pages/Home/ui/Page/Page.tsx

@@ -0,0 +1,12 @@
+import { FC } from "react";
+import { Spreadsheet } from "../../../../widgets";
+
+const Home: FC = () => {
+  return (
+    <div className="h-screen bg-gray-50">
+      <Spreadsheet />
+    </div>
+  );
+};
+
+export default Home;

src/pages/NoMatch/index.ts

@@ -0,0 +1,3 @@
+import NoMatch from "./ui/Page/Page";
+
+export { NoMatch };

src/pages/NoMatch/ui/Page/Page.tsx

@@ -0,0 +1,20 @@
+import { FC } from "react";
+import { Link } from "react-router-dom";
+
+const NoMatch: FC = () => {
+  return (
+    <section>
+      <div className="flex min-h-screen w-screen flex-col items-center justify-center gap-y-5">
+        <h1 className="bg-gradient-to-l from-primary-content via-secondary to-primary bg-clip-text text-9xl font-bold text-transparent">
+          404
+        </h1>
+        <p className="text-3xl font-medium text-neutral">Page not found</p>
+        <Link className="btn-primary-content btn px-16" to="/">
+          Go back
+        </Link>
+      </div>
+    </section>
+  );
+};
+
+export default NoMatch;

src/pages/index.ts

@@ -0,0 +1,4 @@
+import { Home } from "./Home";
+import { NoMatch } from "./NoMatch";
+
+export { Home, NoMatch };