Feature/extend menu in accounts table component (#5960)

* Extend menu

* Update changelog

CHANGELOG.md

@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Added
 
+- Extended the accounts table menu with a _View Details_ item
 - Added the _OSS Gallery_ logo to the logo carousel on the landing page
 
 ### Changed

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

@@ -301,6 +301,12 @@
           <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>
           <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
     });
   }