feat: extend account menu with view-details option

libs/ui/src/lib/accounts-table/accounts-table.component.html

@@ -301,6 +301,13 @@
           <ion-icon name="ellipsis-horizontal" />
         </button>
         <mat-menu #accountMenu="matMenu" xPosition="before">
+          <button mat-menu-item (click)="onOpenAccountDetailDialog(element.id)">
+            <span class="align-items-center d-flex">
+              <ion-icon class="mr-2" name="wallet-outline" />
+              <span i18n>View Details</span>
+            </span>
+          </button>
+          <hr class="m-0" />
           <button mat-menu-item (click)="onUpdateAccount(element)">
             <span class="align-items-center d-flex">
               <ion-icon class="mr-2" name="create-outline" />

libs/ui/src/lib/accounts-table/accounts-table.component.ts

@@ -30,7 +30,8 @@ import {
   documentTextOutline,
   ellipsisHorizontal,
   eyeOffOutline,
-  trashOutline
+  trashOutline,
+  walletOutline
 } from 'ionicons/icons';
 import { get } from 'lodash';
 import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
@@ -94,7 +95,8 @@ export class GfAccountsTableComponent implements OnChanges, OnDestroy {
       documentTextOutline,
       ellipsisHorizontal,
       eyeOffOutline,
-      trashOutline
+      trashOutline,
+      walletOutline
     });
   }