Feature/add platform logo to platform selector in create or update account dialog (#7528)

* Add platform logo to platform selector

* Update changelog

CHANGELOG.md

@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Added
 
+- Added the platform logo to the platform selector in the create or update account dialog
 - Added the platform logo to the account selector in the create or update activity dialog
 
 ### Changed

apps/client/src/app/pages/accounts/create-or-update-account-dialog/create-or-update-account-dialog.component.ts

@@ -76,6 +76,12 @@ export class GfCreateOrUpdateAccountDialogComponent {
   private readonly formBuilder = inject(FormBuilder);
   private readonly userService = inject(UserService);
 
+  protected get selectedPlatform() {
+    const platform = this.accountForm.get('platformId')?.value;
+
+    return typeof platform === 'string' ? undefined : (platform as Platform);
+  }
+
   public ngOnInit() {
     const { currencies } = this.dataService.fetchInfo();
     this.currencies = currencies;

apps/client/src/app/pages/accounts/create-or-update-account-dialog/create-or-update-account-dialog.html

@@ -46,6 +46,14 @@
     <div [class.d-none]="platforms?.length < 1">
       <mat-form-field appearance="outline" class="w-100">
         <mat-label i18n>Platform</mat-label>
+        @if (selectedPlatform?.url) {
+          <gf-entity-logo
+            class="ml-3"
+            matPrefix
+            [tooltip]="selectedPlatform?.name"
+            [url]="selectedPlatform?.url"
+          />
+        }
         <input
           formControlName="platformId"
           matInput