chore: update Angular dependencies to version 18.2.3

.direnv/flake-profile

@@ -1 +1 @@
-flake-profile-2-link
+flake-profile-4-link

.direnv/flake-profile-3-link

@@ -0,0 +1 @@
+/nix/store/rsadgr5y0wa25gvk7j7zcml5pf9ym3h5-nix-shell-env

.direnv/flake-profile-4-link

@@ -0,0 +1 @@
+/nix/store/amb6zvwfmy0l7yfdhrfaclcy4997fy03-nix-shell-env

devenv.nix

@@ -0,0 +1,23 @@
+{
+  name = "hotel-manager";
+
+  inputs = {
+    nixpkgs.url = "github:nixos/nixpkgs?ref=nixos-unstable";
+  };
+
+  packages = [
+    pkgs.nodePackages."@angular/cli"
+    pkgs.git
+    pkgs.bun
+  ];
+
+  services.ng-serve = {
+    description = "Angular Development Server";
+    start = ''
+      echo "Starting Angular server..."
+      ng serve --host 0.0.0.0 --port 4200
+    '';
+    restartIfChanged = true;
+    after = [ "network-online.target" ];
+  };
+}

package.json

@@ -10,22 +10,22 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^18.1.0",
-    "@angular/common": "^18.1.0",
-    "@angular/compiler": "^18.1.0",
-    "@angular/core": "^18.1.0",
-    "@angular/forms": "^18.1.0",
-    "@angular/platform-browser": "^18.1.0",
-    "@angular/platform-browser-dynamic": "^18.1.0",
-    "@angular/router": "^18.1.0",
+    "@angular/animations": "^18.2.3",
+    "@angular/common": "^18.2.3",
+    "@angular/compiler": "^18.2.3",
+    "@angular/core": "^18.2.3",
+    "@angular/forms": "^18.2.3",
+    "@angular/platform-browser": "^18.2.3",
+    "@angular/platform-browser-dynamic": "^18.2.3",
+    "@angular/router": "^18.2.3",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.14.3"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.1.4",
-    "@angular/cli": "^18.1.4",
-    "@angular/compiler-cli": "^18.1.0",
+    "@angular-devkit/build-angular": "^18.2.3",
+    "@angular/cli": "^18.2.3",
+    "@angular/compiler-cli": "^18.2.3",
     "@types/jasmine": "~5.1.0",
     "autoprefixer": "^10.4.20",
     "jasmine-core": "~5.1.0",

src/app/app.component.html

@@ -1,4 +1,6 @@
 <app-search [(input)]="search"></app-search>
 <div *ngFor="let hotel of hotels">
-  <app-hotel-item *ngIf="hotel.hotelName.includes(search)" [hotel]="hotel"></app-hotel-item>
+  @if (hotel.hotelName.includes(search)) {
+    <app-hotel-item [hotel]="hotel"></app-hotel-item>
+  }
 </div>