refactor: rename route path from /databases to /db and update all related references; resolves #51

Author: elainefan331

src/components/HomePageComponents/Section2.tsx

@@ -5,6 +5,7 @@ import ForceGraphModal from "modules/universe/ForceGraphModal";
 import { NodeObject } from "modules/universe/NeuroJsonGraph";
 import React from "react";
 import { useNavigate } from "react-router-dom";
+import RoutesEnum from "types/routes.enum";
 
 interface Section2Props {
   registry: any[] | null;
@@ -122,7 +123,7 @@ const Section2: React.FC<Section2Props> = ({
                 borderColor: Colors.lightGray,
               },
             }}
-            onClick={() => navigate("/databases")}
+            onClick={() => navigate(`${RoutesEnum.DATABASES}`)}
           >
             View All Databases
           </Button>

src/components/NodeInfoPanel.tsx

@@ -18,6 +18,7 @@ import React, { useEffect, useRef } from "react";
 import { useNavigate } from "react-router-dom";
 import { fetchDbInfo } from "redux/neurojson/neurojson.action";
 import { RootState } from "redux/store";
+import RoutesEnum from "types/routes.enum";
 
 interface NodeInfoPanelProps {
   open: boolean;
@@ -280,7 +281,9 @@ const NodeInfoPanel: React.FC<NodeInfoPanelProps> = ({
                             backgroundColor: Colors.secondaryPurple,
                           },
                         }}
-                        onClick={() => navigate(`/databases/${nodeData.id}`)}
+                        onClick={() =>
+                          navigate(`${RoutesEnum.DATABASES}/${nodeData.id}`)
+                        }
                       >
                         Browse Database
                       </Button>

src/pages/DatabasePage.tsx

@@ -6,6 +6,7 @@ import React, { useEffect } from "react";
 import { useNavigate } from "react-router-dom";
 import { fetchRegistry } from "redux/neurojson/neurojson.action";
 import { NeurojsonSelector } from "redux/neurojson/neurojson.selector";
+import RoutesEnum from "types/routes.enum";
 
 const DatabasePage: React.FC = () => {
   const navigate = useNavigate();
@@ -87,7 +88,8 @@ const DatabasePage: React.FC = () => {
                     boxShadow: 3,
                   },
                 }}
-                onClick={() => navigate(`/databases/${db.id}`)}
+                // onClick={() => navigate(`/databases/${db.id}`)}
+                onClick={() => navigate(`${RoutesEnum.DATABASES}/${db.id}`)}
               >
                 <Typography variant="h6" component="span">
                   {db.name || "Unnamed Database"}