update styling and do stuff

src/app/hotel-list/hotel-list.component.html

@@ -1,9 +1,10 @@
 <div class="container p-4 mx-auto max-w-4xl">
   <h1>{{'hello' | uppercase | text}}</h1>
   <app-search [(input)]="search"></app-search>
-  @if (hotels[0].hotelName) {
+  <button routerLink="/create-hotel" mat-flat-button class="btn btn-primary bg-blue-500 text-white font-semibold py-2 px-4 rounded-md shadow-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-opacity-75 my-4">Create New Hotel</button>
+  <div *ngIf="hotels[0].hotelName">
     <div *ngFor="let hotel of hotels">
       <app-hotel-item *ngIf="hotel.hotelName.toLowerCase().includes(search.toLowerCase())" [hotel]="hotel"></app-hotel-item>
     </div>
-  }
+  </div>
 </div>