refactor: use memoization and native NextJS router queries to reduce re-renders (#85)

Co-authored-by: Eric Fennis <eric.fennis@gmail.com>

packages/site/package.json

@@ -7,7 +7,8 @@
     "dev": "next dev",
     "build": "next build",
     "export": "next export -o build",
-    "deploy": "yarn build && yarn export"
+    "deploy": "yarn build && yarn export",
+    "test": "jest"
   },
   "dependencies": {
     "@chakra-ui/core": "^0.8.0",
@@ -18,15 +19,20 @@
     "fuse.js": "^6.0.4",
     "jszip": "^3.4.0",
     "next": "^9.4.4",
-    "query-string": "^6.13.0",
     "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "use-query-params": "^1.1.3"
+    "react-dom": "^16.13.1"
   },
   "devDependencies": {
+    "@testing-library/dom": "^7.24.4",
+    "@testing-library/jest-dom": "^5.11.4",
+    "@testing-library/react": "^11.0.4",
+    "@testing-library/react-hooks": "^3.4.2",
     "@types/node": "^14.0.11",
     "@types/react": "^16.9.35",
     "@types/react-dom": "^16.9.8",
+    "babel-jest": "^26.5.2",
+    "jest": "^26.5.2",
+    "react-test-renderer": "^16.13.1",
     "typescript": "^3.9.5"
   }
 }