Add Google spyware, improve map

src/app/components/Navbar.module.css

@@ -16,7 +16,8 @@
 }
 
 /* Position nav items correctly */
-.navbar .container li {
+.navbar .container li,
+.dropdownTitle {
   padding-left: 0.75em;
   padding-right: 0.75em;
 }
@@ -49,7 +50,7 @@
   gap: 0.25em;
 }
 
-.navbar .container li:last-child {
+.highlight {
   color: white;
   background-color: var(--accent);
 }
@@ -89,9 +90,10 @@
     padding-right: 20px;
   }
 
-  .links li {
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
+  .links li,
+  .dropdownTitle {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
     margin-bottom: 0.5rem;
     border-radius: 0.5em;
   }
@@ -153,3 +155,51 @@
   margin-bottom: 0;
   font-family: var(--font-geist-mono);
 }
+
+
+.dropdown a {
+  cursor: pointer;
+}
+
+.dropdownMenu li:last-of-type {
+  margin-bottom: 0;
+}
+
+.dropdown:not(.dropdownActive) {
+  padding: 0 !important;
+  background-color: #fff;
+  transition: all 0.3s ease-out;
+}
+
+.dropdown:not(.dropdownActive) li {
+  margin: 0 !important;
+}
+
+.dropdownMenu {
+  display: none;
+}
+
+.dropdownActive {
+  background-color: #f1f1f1;
+  transition: all 0.3s ease-out;
+}
+
+.dropdownActive .dropdownMenu {
+  display: block;
+}
+
+/*
+.dropdownTitle {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  padding-left: 0.75em;
+  padding-right: 0.75em;
+  background-color: var(--accent);
+  border-radius: 0.5em;
+  margin-bottom: 0.5rem;
+}
+  */
+
+.dropdown:not(.dropdownActive) .dropdownTitle {
+  margin-bottom: 0;
+}