feat(error page): add error page

Author: mehdi-parvizi

web/src/components/internal-ui/ErrorPage.tsx

@@ -0,0 +1,23 @@
+import { Box, Button, Center } from "@chakra-ui/react";
+import { MdOutlineNoEncryptionGmailerrorred } from "react-icons/md";
+import { Link } from "react-router-dom";
+
+const ErrorPage = () => {
+  return (
+    <Center>
+      <Box mt="6rem" alignItems="center" className="flex flex-col">
+        <div className="text-red-700 mb-5 flex items-center">
+          <MdOutlineNoEncryptionGmailerrorred className="" size="2rem" />
+          <p className="text-3xl">Unathorized Route</p>
+        </div>
+        <Link to="/">
+          <Button bg="orange.700" w="5rem">
+            Go back
+          </Button>
+        </Link>
+      </Box>
+    </Center>
+  );
+};
+
+export default ErrorPage;

web/src/utils/router.tsx

@@ -1,13 +1,14 @@
 import { createBrowserRouter } from "react-router-dom";
 import Layout from "../layouts/Layout";
-import Landing from "../components/internal-ui/Landing";
 import BasicGen from "../features/basicGen/BasicGen";
 import { ENDPOINTS } from "../features/constants";
 import BugFix from "../features/bugFix/BugFix";
+import ErrorPage from "../components/internal-ui/ErrorPage";
 export const router = createBrowserRouter([
   {
     path: "/",
     element: <Layout />,
+    errorElement: <ErrorPage />,
     children: [
       { index: true, element: <BasicGen /> },
       { path: ENDPOINTS.postFix, element: <BugFix /> },