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/app-module.ts

@@ -9,6 +9,9 @@ import { App } from './app';
 
 import { MatIconModule } from '@angular/material/icon';
 import { MatTabsModule } from '@angular/material/tabs';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { MatProgressBarModule  } from '@angular/material/progress-bar';
+
 
 import { HeaderComponent } from './header/header.component';
 import { HomeComponent } from './home/home.component';
@@ -26,6 +29,7 @@ import { MovieScheduleInfoComponent } from './movie-schedule-info/movie-schedule
 import { MovieScheduleTimesComponent } from './movie-schedule-times/movie-schedule-times.component';
 import { MovieCategoryComponent } from './movie-category/movie-category.component';
 import { MovieScheduleEmptyComponent } from './movie-schedule-empty/movie-schedule-empty.component';
+import { Header2Component } from './header-2/header-2.component';
 
 
 @NgModule({
@@ -45,7 +49,8 @@ import { MovieScheduleEmptyComponent } from './movie-schedule-empty/movie-schedu
     MovieRatingComponent,
     MovieDurationComponent,
     MovieCategoryComponent,
-    MovieScheduleEmptyComponent
+    MovieScheduleEmptyComponent,
+    Header2Component
   ],
   imports: [
     AppRoutingModule,
@@ -53,8 +58,10 @@ import { MovieScheduleEmptyComponent } from './movie-schedule-empty/movie-schedu
     CommonModule,
     FormsModule,
     MatIconModule,
-    MatTabsModule
-  ],
+    MatTabsModule,
+    MatToolbarModule,
+    MatProgressBarModule
+],
   providers: [
     provideBrowserGlobalErrorListeners(),
     provideHttpClient(