Linked to the error page

frontend/src/App.tsx

@@ -21,6 +21,7 @@ const router = createBrowserRouter([
                 element: <Game />,
             },
             { path: '/about', element: <About /> },
+            { path: '/error', element: <Error /> },
         ],
     },
 ]);

frontend/src/Navbar.tsx

@@ -88,6 +88,9 @@ const Navbar: React.FC<NavbarProps> = ({
                                 fontSize="text-2xl"
                                 buttonSize="w-[170px] h-12"
                                 px="px-0"
+                                onClick={() => {
+                                    window.location.href = '/error';
+                                }}
                             />
                         </div>
                         <div className="mt-4">
@@ -97,6 +100,9 @@ const Navbar: React.FC<NavbarProps> = ({
                                 fontSize="text-2xl"
                                 buttonSize="w-[170px] h-12"
                                 px="px-0"
+                                onClick={() => {
+                                    window.location.href = '/error';
+                                }}
                             />
                         </div>
                     </div>

frontend/src/pages/Error.tsx

@@ -1,5 +1,5 @@
-import { Link } from 'react-router-dom';
 import ErrorImage from '../assets/tornCard.svg';
+import Button from '../library/button';
 
 function Error() {
     return (
@@ -21,9 +21,13 @@ function Error() {
                         Sorry, the page you're looking for can't be found.
                         Please return to the Homepage!
                     </p>
-                    <button className="p-4 outline-none border-none rounded-md text-white bg-[#FF2400] cursor-pointer transition-all duration-500 hover:bg-[#12a101]">
-                        <Link to="home">Go back to Homepage</Link>
-                    </button>
+                    <Button
+                        text="Return back to homepage"
+                        buttonSize="w-80 h-12"
+                        className="border-4"
+                        rounded="rounded-full"
+                        onClick={() => (window.location.href = '/')}
+                    />
                 </div>
             </div>
         </div>

frontend/src/pages/Home.tsx

@@ -9,12 +9,13 @@ const Home: React.FC = () => {
     const CreateGame = () => {
         // Logic to create a game
         console.log('Create Game');
-        navigate('/game');
+        navigate('/error');
     };
 
     const JoinGame = () => {
         // Logic to join a game
         console.log('Join Game with code');
+        navigate('/error');
     };
 
     const [isLoggedIn, setIsLoggedIn] = useState(false);