added content_frame style as a global and applied it to cellsite, incident, and robots pages for the map

frontend/src/assets/main.css

@@ -24,6 +24,14 @@
     --theme-glow: rgba(150, 220, 255, 0.2);
 }
 
+.content_frame {
+    border: 1px solid var(--theme-faint);
+    border-radius: 6px;
+    padding: 1rem;
+    transition: border-color 0.4s, box-shadow 0.4s;
+    box-shadow: 0 0 12px var(--theme-glow);
+}
+
 #app {
   margin: 0 auto;
   padding: 2rem 2rem;

frontend/src/pages/Cellsite.vue

@@ -119,7 +119,7 @@ onMounted(async () => {
         </div>
 
         <!-- FIXME: Map container leftover from previous version. Map can take height props. Refactor this. -->
-        <div class="map_container">
+        <div class="map_container content_frame">
         <Map
           v-if="site.lat != null && site.lon != null"
           :center="[site.lat, site.lon]"

frontend/src/pages/Home.vue

@@ -171,14 +171,6 @@ onMounted(async () => {
 </template>
 
 <style scoped>
-.content_frame {
-    border: 1px solid var(--theme-faint);
-    border-radius: 6px;
-    padding: 1rem;
-    transition: border-color 0.4s, box-shadow 0.4s;
-    box-shadow: 0 0 12px var(--theme-glow);
-}
-
 #map, .tabs {
     margin-bottom: 2rem;
 }

frontend/src/pages/Incident.vue

@@ -109,7 +109,7 @@ onMounted(async () => {
           </div>
         </div>
 
-        <div class="map_container">
+        <div class="map_container content_frame">
             <Map
             v-if="associated_site?.lat != null && associated_site?.lon != null"
             :center="[associated_site.lat, associated_site.lon]"

frontend/src/pages/Robots.vue

@@ -106,7 +106,7 @@ onMounted(async () => {
                 </div>
             </div>
 
-            <div class="map_container">
+            <div class="map_container content_frame">
             <Map
                 v-if="robot.lat != null && robot.lon != null"
                 :center="[robot.lat, robot.lon]"