feat[frontend](federation): fixed overview icons

Author: AlexSanchez-bit

frontend/src/app/federation/components/instance-overview-card/instance-overview-card.component.html

@@ -49,7 +49,8 @@
             *ngFor="let action of actions"
             (click)="onSelect(action.route)"
             [title]="action.label">
-      <i [class]="action.iconClass"></i>
+        <span [inlineSVG]="iconPath+action.iconClass"
+              class="svg-icon  svg-icon-primary"></span>
       <span class="nav-icon__label">{{ action.label }}</span>
     </button>
   </div>

frontend/src/app/federation/components/instance-overview-card/instance-overview-card.component.ts

@@ -5,6 +5,7 @@ import {
 } from '../../domain/count-alerts-by-severity.model';
 import {AlertStatusSerie, CountAlertsByStatusEntry} from '../../domain/count-alerts-by-status.model';
 import {FEDERATION_NAV_ACTIONS, NavAction} from '../../domain/federation-nav-actions';
+import {SYSTEM_MENU_ICONS_PATH} from '../../../shared/constants/menu_icons.constants';
 
 interface MeterDatum {
   label: string;
@@ -36,6 +37,7 @@ export class InstanceOverviewCardComponent implements OnChanges {
   @Input() entry!: CountAlertsByStatusEntry;
   @Input() severityEntry: CountAlertsBySeverityEntry | null = null;
   @Output() select = new EventEmitter<string>();
+  iconPath=SYSTEM_MENU_ICONS_PATH
 
   readonly actions: ReadonlyArray<NavAction> = FEDERATION_NAV_ACTIONS;
   severityMeters: MeterDatum[] = [];

frontend/src/app/federation/domain/federation-nav-actions.ts

@@ -5,8 +5,8 @@ export interface NavAction {
 }
 
 export const FEDERATION_NAV_ACTIONS: ReadonlyArray<NavAction> = [
-  {label: 'Log Explorer', iconClass: 'icon-search4', route: '/discover/log-analyzer'},
-  {label: 'Alert Management', iconClass: 'icon-bell2', route: '/data/alert/view'},
-  {label: 'SOAR Flows', iconClass: 'icon-stack-play', route: '/soar/flows'},
-  {label: 'Data Sources', iconClass: 'icon-database', route: '/data-sources'}
+  {label: 'Log Explorer', iconClass: 'ANALYTICS.svg', route: '/discover/log-analyzer'},
+  {label: 'Alert Management', iconClass: 'PROMOTION.svg', route: '/data/alert/view'},
+  {label: 'SOAR Flows', iconClass: 'VISION.svg', route: '/soar/flows'},
+  {label: 'Data Sources', iconClass: 'NETWORK.svg', route: '/data-sources'}
 ];