Add new header 2.0 component with loading service

Introduced Header2Component with a new design, external resource links, and a loading progress bar. Added LoadingService to manage loading state and integrated it into the schedule component. Updated main layout to use the new header and included related assets for external links. Changed API base URL in HttpService to use the production endpoint.

src/app/header-2/header-2.component.html

@@ -0,0 +1,35 @@
+<header>
+  <div class="header px-8 py-4 shadow-md">
+    <a routerLink="/" class="flex items-center space-x-4 hover:opacity-80 transition">
+      <img src="assets/logo.png" class="h-10 w-10 transform scale-175 translate-y-0.25" />
+      <h1 class="text-3xl font-semibold tracking-wide">InfiniMotion</h1>
+    </a>
+
+    <div class="absolute left-1/2 transform -translate-x-1/2 text-center">
+        <h2 class="text-3xl font-bold animate-fadeUp-delay bg-gradient-to-r from-indigo-500 to-pink-600 bg-clip-text text-transparent">
+          Absolut war gestern, Bewegung ist heute!
+        </h2>
+    </div>
+
+    <div class="flex items-center space-x-4">
+      <a href="https://git.infinimotion.de" target="_blank" rel="noopener noreferrer">
+        <img src="assets/logo-gitea.png" class="redirect-img hover:scale-110 transition" />
+      </a>
+      <a href="https://infinimotion.de/api/swagger" target="_blank" rel="noopener noreferrer">
+        <img src="assets/logo-quarkus.png" class="redirect-img hover:scale-110 transition" />
+      </a>
+      <a href="https://rc.infinimotion.de" target="_blank" rel="noopener noreferrer">
+        <img src="assets/logo-redpanda.jpeg" class="redirect-img hover:scale-110 transition border-orange-600 border-3" />
+      </a>
+    </div>
+  </div>
+
+  @if (loading$ | async) {
+    <mat-progress-bar
+      mode="indeterminate"
+      class="h-1 w-full"
+    ></mat-progress-bar>
+  } @else {
+    <div class="h-1"></div>
+  }
+</header>