feat: 404 page

src/pages/404.module.scss

@@ -0,0 +1,9 @@
+@reference "../index.scss";
+
+#container {
+  @apply flex h-screen w-full flex-col items-center justify-center;
+}
+
+#main_container {
+  @apply flex flex-col items-center gap-8;
+}

src/pages/404.tsx

@@ -0,0 +1,30 @@
+import Button from "@/components/ui/Button";
+import { UrlsTitle } from "@/enums/urls";
+import { FunctionComponent } from "preact";
+import { useLocation } from "preact-iso";
+import { useEffect } from "preact/hooks";
+import classes from "./404.module.scss";
+
+const Page404: FunctionComponent = () => {
+  const { route } = useLocation();
+  useEffect(() => {
+    document.title = UrlsTitle.PAGE404;
+  }, []);
+  return (
+    <div id={classes.container}>
+      <div id={classes.main_container}>
+        <p class="text-6xl font-semibold">404</p>
+        <Button
+          onClick={() => {
+            route("/", true);
+          }}
+          color="secondary"
+        >
+          На главную
+        </Button>
+      </div>
+    </div>
+  );
+};
+
+export default Page404;