119 bug cant visit artifact without first visiting root (#281)

* Dependency patch

* Switch to using hashRouter

src/components/ArtifactCard.tsx

@@ -18,7 +18,7 @@ export default function ArtifactCard(props: {
   // Render
   return (
     /* skipcq: JS-0394 */
-    <NavLink to={`/honors-portfolio/${id}`} className="artifact-card">
+    <NavLink to={`/${id}`} className="artifact-card">
       <div className="artifact-card__graphic-container" id={id} />
       <h1 className="artifact-card__title">{title}</h1>
       <h3 className="artifact-card__subtitle">{subtitle}</h3>

src/main.tsx

@@ -7,22 +7,22 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 import Root from "./routes/Root";
 // eslint-disable-next-line sort-imports
-import { createBrowserRouter, RouterProvider } from "react-router-dom";
+import { createHashRouter, RouterProvider } from "react-router-dom";
 import Graphics from "./scripts/graphics";
 
 // Parse data and return as an array of ArtifactPage objects
 const artifacts: ArtifactData[] = ParseData();
 
 // Create router
-const router = createBrowserRouter([
+const router = createHashRouter([
   {
-    path: "/honors-portfolio/",
+    path: "/",
     element: <Root />,
     errorElement: <ErrorPage fromArtifact={false} />,
     loader: () => artifacts,
   },
   {
-    path: "/honors-portfolio/:id",
+    path: ":id",
     element: <ArtifactPage />,
     errorElement: <ErrorPage fromArtifact />,
     loader: ({ params }) => {

src/routes/ArtifactPage.tsx

@@ -87,7 +87,7 @@ export default function ArtifactPage(): ReactElement {
       {/* skipcq: JS-0394 */}
       <NavLink
         className={"ArtifactPage__return"}
-        to={"/honors-portfolio"}
+        to={"/"}
         tabIndex={0}
         role="button"
       >