Feature/migrate assistant and value component to control flow (part 3) (#4981)

* Migrate to control flow

* Update changelog

CHANGELOG.md

@@ -9,6 +9,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- Migrated the `@ghostfolio/ui/assistant` component to control flow
+- Migrated the `@ghostfolio/ui/value` component to control flow
 - Renamed `GranteeUser` to `granteeUser` in the `Access` database schema
 - Improved the language localization for French (`fr`)
 - Upgraded `class-validator` from version `0.14.1` to `0.14.2`

libs/ui/src/lib/assistant/assistant.html

@@ -36,10 +36,8 @@
         </button>
       }
     </div>
-    <div
-      *ngIf="searchFormControl.value"
-      class="overflow-auto py-2 result-container"
-    >
+    @if (searchFormControl.value) {
+      <div class="overflow-auto py-2 result-container">
         @if (searchResults?.quickLinks?.length !== 0 || isLoading.quickLinks) {
           <div class="mb-2">
             <div class="font-weight-bold px-3 text-muted title" i18n>
@@ -67,7 +65,9 @@
           </div>
         }
         <div>
-        <div class="font-weight-bold px-3 text-muted title" i18n>Holdings</div>
+          <div class="font-weight-bold px-3 text-muted title" i18n>
+            Holdings
+          </div>
           @for (
             searchResultItem of searchResults?.holdings;
             track searchResultItem
@@ -123,6 +123,7 @@
           </div>
         }
       </div>
+    }
   </div>
   <form [formGroup]="filterForm">
     @if (!searchFormControl.value) {

libs/ui/src/lib/value/value.component.html

@@ -10,7 +10,7 @@
       class="align-items-center d-flex"
       [ngClass]="position === 'end' ? 'justify-content-end' : ''"
     >
-      <ng-container *ngIf="isNumber || value === null">
+      @if (isNumber || value === null) {
         @if (colorizeSign && !useAbsoluteValue) {
           @if (+value > 0) {
             <div class="mr-1 text-success">+</div>
@@ -59,7 +59,7 @@
             </div>
           }
         }
-      </ng-container>
+      }
       @if (isString) {
         <div
           class="mb-0 text-truncate value"