Enhance header and map components with new features

Refactor header background styling to use a method supporting optional gradient overlays. Update map component to include detailed server map links and adjust styling for better layout and clarity.

frontend/src/app/header/header.component.html

@@ -1,5 +1,6 @@
 <ng-container>
-  <header id="top" [ngStyle]="{ 'background-image': 'url(' + background_image + ')', 'height': height }">
+  <header id="top"
+          [ngStyle]="{ 'background-image': getBackgroundImage(), 'height': height }">
     <nav id="nav" [ngClass]="active">
       <div class="container">
         <div id="mobile_nav">

frontend/src/app/header/header.component.ts

@@ -10,6 +10,7 @@ export class HeaderComponent {
   @Input() current_page: string = '';
   @Input() background_image: string = '';
   @Input() height: string = '';
+  @Input() overlay_gradient: boolean = false;
 
   public active: string = '';
 
@@ -23,6 +24,15 @@ export class HeaderComponent {
     }
   }
 
+  public getBackgroundImage() {
+    if (this.overlay_gradient) {
+      return `linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), url(${this.background_image})`;
+    } else {
+      return `url(${this.background_image})`;
+    }
+  }
+
+
   public getCurrentPageId(options: string[]) {
     if (options.includes(this.current_page)) {
       return 'current_page'