Added other routes. No way to navigate to them yet

src/App.tsx

@@ -1,5 +1,7 @@
 import React from "react";
 import Dashboard from "./Routes/Dashboard/Dashboard";
+import Error from "./Routes/Error/Error";
+import Products from "./Routes/Products/Products";
 import Header from "./Components/Header/Header";
 import Container from "./Components/Container/Container";
 import { createBrowserRouter, RouterProvider } from "react-router-dom";
@@ -10,6 +12,11 @@ const router = createBrowserRouter([
   {
     path: "/",
     element: <Dashboard />,
+    errorElement: <Error />,
+  },
+  {
+    path: "/Products",
+    element: <Products />,
   },
 ]);
 

src/routes/Error/Error.tsx

@@ -0,0 +1,13 @@
+import React from "react";
+import AppLogo from "../../Components/Icons/AppLogo/AppLogo";
+import styles from "../../styles";
+
+export default function Error() {
+  return (
+    <div style={styles.container}>
+      <AppLogo size={64} color="#6f9b78" />
+      <p style={styles.text}>Ivy - Inventory Manager</p>
+      <p style={styles.text}>Error 404: Page Not Found</p>
+    </div>
+  );
+}

src/routes/Products/Products.tsx

@@ -0,0 +1,13 @@
+import React from "react";
+import styles from "../../styles";
+import AppLogo from "../../Components/Icons/AppLogo/AppLogo";
+
+export default function Products() {
+  return (
+    <div style={styles.container}>
+      <AppLogo size={64} color="#6f9b78" />
+      <p style={styles.text}>Ivy - Inventory Manager</p>
+      <p style={styles.text}>Products Page</p>
+    </div>
+  );
+}