Fix missing card styling for reports section and add shared footer

- Add card styling to map-section with proper spacing and visual hierarchy
- Add reports-header with flexbox layout for title and view toggle buttons
- Add styling for view-toggle buttons, map-info, and table-controls
- Create shared footer component with consistent styling across pages
- Add footer to admin.html and privacy.html for consistency
- Add missing CSS variables for links, secondary text, and font-size-xs
- Ensure footer uses proper theme colors for light/dark modes
- Restore visual box around Current Reports section on main page

src/scss/components/_footer.scss

@@ -0,0 +1,55 @@
+// Import variables and mixins
+@use '../variables' as *;
+@use '../mixins' as *;
+
+// Shared footer styles
+footer {
+  margin-top: $spacing-xl;
+  padding: $spacing-lg;
+  background-color: var(--bg-secondary);
+  border-top: 1px solid var(--border-color);
+  border-radius: $border-radius-md $border-radius-md 0 0;
+  
+  p {
+    margin: $spacing-sm 0;
+    color: var(--text-color);
+    text-align: center;
+    font-size: $font-size-sm;
+    line-height: 1.6;
+    
+    &:first-child {
+      margin-top: 0;
+    }
+    
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+  
+  a {
+    color: var(--link-color);
+    text-decoration: underline;
+    
+    &:hover {
+      color: var(--link-hover);
+    }
+  }
+  
+  .disclaimer {
+    margin-top: $spacing-md;
+    
+    small {
+      color: var(--text-secondary);
+      font-size: $font-size-xs;
+      line-height: 1.5;
+    }
+  }
+  
+  @include mobile {
+    padding: $spacing-md;
+    
+    p {
+      font-size: $font-size-xs;
+    }
+  }
+}