refactor holding click event handling in GfHoldingsTableComponent

apps/client/src/app/components/home-holdings/home-holdings.component.ts

@@ -119,6 +119,14 @@ export class HomeHoldingsComponent implements OnDestroy, OnInit {
     }
   }
 
+  public onHoldingClicked({ dataSource, symbol }: AssetProfileIdentifier) {
+    if (dataSource && symbol) {
+      this.router.navigate([], {
+        queryParams: { dataSource: dataSource, symbol: symbol, holdingDetailDialog: true }
+      });
+    }
+  }
+  
   public ngOnDestroy() {
     this.unsubscribeSubject.next();
     this.unsubscribeSubject.complete();

apps/client/src/app/components/home-holdings/home-holdings.html

@@ -50,6 +50,7 @@
           [hasPermissionToCreateActivity]="hasPermissionToCreateOrder"
           [holdings]="holdings"
           [locale]="user?.settings?.locale"
+          (holdingClicked)="onHoldingClicked($event)"
         />
         @if (hasPermissionToCreateOrder && holdings?.length > 0) {
           <div class="text-center">