Dependency and font family update

package.json

@@ -36,7 +36,7 @@
     "maplibre-gl": "^2.4.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-hook-form": "^7.36.0",
+    "react-hook-form": "^7.36.1",
     "react-icons": "^4.4.0",
     "react-json-pretty": "^2.2.0",
     "react-map-gl": "^7.0.19",
@@ -47,8 +47,8 @@
   "devDependencies": {
     "@types/chrome": "^0.0.197",
     "@types/geodesy": "^2.2.3",
-    "@types/node": "^18.7.18",
-    "@types/react": "^18.0.20",
+    "@types/node": "^18.7.23",
+    "@types/react": "^18.0.21",
     "@types/react-dom": "^18.0.6",
     "@types/w3c-web-serial": "^1.0.2",
     "@types/web-bluetooth": "^0.0.15",
@@ -58,12 +58,12 @@
     "postcss": "^8.4.16",
     "prettier": "^2.7.1",
     "prettier-plugin-tailwindcss": "^0.1.13",
-    "rollup-plugin-visualizer": "^5.8.1",
+    "rollup-plugin-visualizer": "^5.8.2",
     "tailwindcss": "^3.1.8",
     "tar": "^6.1.11",
     "tslib": "^2.4.0",
-    "typescript": "^4.8.3",
-    "vite": "^3.1.3",
+    "typescript": "^4.8.4",
+    "vite": "^3.1.4",
     "vite-plugin-environment": "^1.1.2"
   }
 }

tailwind.config.cjs

@@ -2,6 +2,19 @@
 module.exports = {
   content: ["./index.html", "./src/**/*.{ts,tsx}"],
   theme: {
+    fontFamily: {
+      mono: [
+        "Cascadia Code",
+        "ui-monospace",
+        "SFMono-Regular",
+        "Menlo",
+        "Monaco",
+        "Consolas",
+        "Liberation Mono",
+        "Courier New",
+        "monospace",
+      ],
+    },
     extend: {},
   },
   plugins: [],