style: update button labels with emojis for clarity

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

@@ -1,5 +1,5 @@
 @if (hotel) {
   <app-hotel-item [hotel]="hotel" [isDetail]="true"></app-hotel-item>
   <app-hotel-form [hotel]="hotel"></app-hotel-form>
-  <button class="delete-button" (click)="delete()">DELETE</button>
+  <button class="delete-button" (click)="delete()">😠 DELETE</button>
 }

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

@@ -13,6 +13,6 @@
   <input type="number" class="input-field"
     [class.border-8]='hotelForm.get("price")?.invalid && hotelForm.get("price")?.touched' id="price"
     formControlName="price">
-  <button class="submit-button" (click)="submit()" [disabled]="!hotelForm.valid" type="submit">Submit</button>
-  <a class="back-button" routerLink="/">Cancel</a>
+  <button class="submit-button" (click)="submit()" [disabled]="!hotelForm.valid" type="submit">😃 Submit</button>
+  <a class="back-button" routerLink="/">😭 Cancel</a>
 </form>

src/app/hotel-form/hotel-form.component.ts

@@ -35,7 +35,6 @@ export class HotelFormComponent {
         console.log(this.validationErrorMessages[key]);
         return this.validationErrorMessages[key] || `Unknown error: ${key}`;
       }).join(' ');
-
     }
   }
 

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

@@ -17,7 +17,7 @@
   <div class="text-red-500" *ngIf="errorMessages['rating']">{{ errorMessages['rating'] }}</div>
   <input type="rating" class="border-red-500" [class.border-8]='hotelForm.get("rating")?.invalid' id="rating" formControlName="rating">
   <button class="submit-button" (click)="addTag()">Add Tag</button>
-  @for (tag of getTags().controls; track null) {
+  @for (tag of getTags().controls; track tag) {
     <input type="tag" class="border-red-500" [class.border-8]='hotelForm.get("tag")?.invalid' id="tag" formControlName="tag">
     <button (click)="deleteTag(tag)" class="delete-button">delete</button>
   }

tailwind.config.js

@@ -19,7 +19,7 @@ module.exports = {
         },
       },
       animation: {
-        shake: 'shake 0.2s ease-in-out infinite',
+        shake: 'shake 10s ease-in-out infinite',
       },
     },
   },