Refactor header structure

Reorganized header component to use content projection for titles and simplified input properties.

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

@@ -131,24 +131,7 @@
       </div>
     </nav>
 
+    <ng-content select="[header-content]"></ng-content>
 
-    <ng-container *ngIf="current_page === 'home'">
-      <div class="title">
-        <h1 style="display: none;">{{ title }}</h1>
-        <img id="header-img" ngSrc="/public/img/logos/logo.png" alt="The Altitude Minecraft Server" height="319"
-             width="550">
-        <h2 style="font-size: 2.5em;" id="homeh2">Altitude now on {{ ALTITUDE_VERSION }}!</h2>
-      </div>
-      <a id="scroll-button" (click)="scrollToSection()">
-        <span></span>
-        <p style="display: none;">Scroll Down</p>
-      </a>
-    </ng-container>
-    <ng-container *ngIf="current_page !== 'home'">
-      <div class="title">
-        <h1>{{ title }}</h1>
-        <h2>{{ sub_title }}</h2>
-      </div>
-    </ng-container>
   </header>
 </ng-container>