+ Lots of work was done but specifically within the GlobalMap.jsx

+ Two new component files were also added
+ Some slight adjustments to Theme.jsx

client/src/theme.js

@@ -149,10 +149,20 @@ const config = defineConfig({
       }
     },
     '.leaflet-container': {
+      fontFamily: "georgia, system-ui, sans-serif !important",
       _dark: {
         filter: "invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%)",
       }
     },
+    ".leaflet-popup-content": {
+      fontFamily: "georgia, system-ui, sans-serif !important"
+    },
+    ".leaflet-control a": {
+      fontFamily: "georgia, system-ui, sans-serif !important"
+    },
+    ".leaflet-tooltip": {
+      fontFamily: "georgia, system-ui, sans-serif !important"
+    },
     ".react-grid-item": {
       transition: "none !important"
     },
@@ -166,7 +176,7 @@ const config = defineConfig({
         primary: { value: {base: "#2B98F8", _dark: "#2B98F8"}},
         primaryLt: { value: {base: "#98cdffff", _dark: "#98cdffff"}},
         secondaryBG: { value: {base: "#EDF1F1", _dark: "#121212"}},
-        border: {value: {base: "#000000", _dark: "#CBCBCB"}},
+        border: {value: {base: "#000000", _dark: "#cbcbcb84"}},
         text: {value: {base: "#000000", _dark: "lightgrey"}},
         textInverted: {value: "white"},
         icon: {value: {base: "#000000", _dark: "lightgrey"}},