Adds 404 client side routing for errors

-adds routing for non-specified routes
-adds component for 404s

src/App.tsx

@@ -5,6 +5,7 @@ import { BrowserRouter, Route, Routes } from "react-router-dom";
 import Social from "./components/social";
 import Contact from "./components/contact";
 import Art from "./pages/work";
+import ErrorPage from "./pages/error-page";
 import "./App.css";
 
 export default function App() {
@@ -18,6 +19,7 @@ export default function App() {
             <Route path="/" element={<Home />} />
             <Route path="/art" element={<Art />} />
             <Route path="/dev" element={<Dev />} />
+            <Route path="*" element={<ErrorPage />} />
           </Routes>
         </main>
       </BrowserRouter>

src/pages/error-page.tsx

@@ -0,0 +1,14 @@
+import { NavLink } from "react-router-dom";
+
+export default function ErrorPage() {
+  return (
+    <div id="error-page">
+      <h1>Oops!</h1>
+      <p>
+        Sorry, this page doesn't exist. Want to check out some{" "}
+        <NavLink to={"/"}>art</NavLink> or <NavLink to={"/dev"}>dev</NavLink>{" "}
+        instead?
+      </p>
+    </div>
+  );
+}