Add movie search and schedule header components

Introduces MovieSearchComponent, ScheduleHeaderComponent, and MovieScheduleNoSearchResultComponent for improved movie search and schedule display. Updates schedule and navbar to support search functionality and UI enhancements. Adds movie fetching to HttpService and refines layout and styles for better user experience.

src/app/app-module.ts

@@ -1,9 +1,10 @@
 import { CommonModule } from '@angular/common';
 import { NgModule, provideBrowserGlobalErrorListeners } from '@angular/core';
-import { FormsModule } from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { BrowserModule } from '@angular/platform-browser';
 import { provideHttpClient, withFetch } from '@angular/common/http';
 
+
 import { AppRoutingModule } from './app-routing-module';
 import { App } from './app';
 
@@ -12,7 +13,11 @@ import { MatTabsModule } from '@angular/material/tabs';
 import { MatToolbarModule } from '@angular/material/toolbar';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
 import { MatSnackBarModule } from '@angular/material/snack-bar';
-
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import { MatInputModule } from '@angular/material/input';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatIconButton } from '@angular/material/button';
+import { MatDividerModule } from '@angular/material/divider';
 
 import { HeaderComponent } from './header/header.component';
 import { HomeComponent } from './home/home.component';
@@ -34,8 +39,10 @@ import { Header2Component } from './header-2/header-2.component';
 import { TheaterOverlayComponent } from './theater-overlay/theater-overlay.component';
 import { SeatComponent } from './seat/seat.component';
 import { SeatRowComponent } from './seat-row/seat-row.component';
-import {MatIconButton} from '@angular/material/button';
 import { TheaterLayoutComponent } from './theater-layout/theater-layout.component';
+import { MovieSearchComponent } from './movie-search/movie-search.component';
+import { ScheduleHeaderComponent } from './schedule-header/schedule-header.component';
+import { MovieScheduleNoSearchResultComponent } from './movie-schedule-no-search-result/movie-schedule-no-search-result.component';
 
 
 @NgModule({
@@ -60,11 +67,15 @@ import { TheaterLayoutComponent } from './theater-layout/theater-layout.componen
     TheaterOverlayComponent,
     SeatComponent,
     SeatRowComponent,
-    TheaterLayoutComponent
+    TheaterLayoutComponent,
+    MovieSearchComponent,
+    ScheduleHeaderComponent,
+    MovieScheduleNoSearchResultComponent
   ],
   imports: [
     AppRoutingModule,
     BrowserModule,
+    ReactiveFormsModule,
     CommonModule,
     FormsModule,
     MatIconModule,
@@ -72,7 +83,11 @@ import { TheaterLayoutComponent } from './theater-layout/theater-layout.componen
     MatToolbarModule,
     MatProgressBarModule,
     MatSnackBarModule,
-    MatIconButton
+    MatAutocompleteModule,
+    MatInputModule,
+    MatFormFieldModule,
+    MatIconButton,
+    MatDividerModule
   ],
   providers: [
     provideBrowserGlobalErrorListeners(),