Replaced mock data with live database data; minoe aesthetic changes

package-lock.json

@@ -9,7 +9,9 @@
       "version": "0.1.0",
       "license": "UNLICENSED",
       "dependencies": {
+        "lucide-react": "^1.3.0",
         "maplibre-gl": "^5.24.0",
+        "pocketbase": "^0.27.0",
         "react": "^18.3.0",
         "react-dom": "^18.3.0",
         "react-map-gl": "^8.1.1"
@@ -5207,6 +5209,15 @@
         "yallist": "^3.0.2"
       }
     },
+    "node_modules/lucide-react": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-1.3.0.tgz",
+      "integrity": "sha512-aKUU4jKpXe26Y3xmF3DGg+NXHteRCVT96r/+Jp7wziqvmFr0/x8ReRsES0wHgTvW7OLxiHvFLN+YeyDnK6h0dQ==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
     "node_modules/make-fetch-happen": {
       "version": "10.2.1",
       "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-10.2.1.tgz",
@@ -5975,6 +5986,12 @@
         "node": ">=10.4.0"
       }
     },
+    "node_modules/pocketbase": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/pocketbase/-/pocketbase-0.27.0.tgz",
+      "integrity": "sha512-K5N6d93UP/BNMbMnlZ6BUfy9VPCIvLyqhJFOsNI8OsZwzvKWEAfyD36boi5K4ECIOl5HMlo0TzuaeGdKpMwizQ==",
+      "license": "MIT"
+    },
     "node_modules/postcss": {
       "version": "8.5.19",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.19.tgz",