feat: add new flake profiles and update app component

.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" ];
+  };
+}

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>