Visualize Connector Status

[SaadEGI]

related to sovity/edc-broker-server-extension#164

[richardtreier]

Maybe we should unify the icons as a component

import {Component, Input} from '@angular/core';
import {
  CatalogDataOfferConnectorOnlineStatusEnum,
  ConnectorDetailPageResultOnlineStatusEnum,
  ConnectorListEntryOnlineStatusEnum,
  DataOfferDetailPageResultConnectorOnlineStatusEnum,
} from '@sovity.de/broker-server-client';

@Component({
  selector: 'contract-offer-icon',
  template: `
    <!-- Icon -->
    <mat-icon class="mat-icon-[40px]">{{ icon }}</mat-icon>
  `,
})
export class IconWithOnlineStatusComponent {
  @Input()
  icon!: string;

  @Input()
  onlineStatus!:
    | CatalogDataOfferConnectorOnlineStatusEnum
    | ConnectorListEntryOnlineStatusEnum
    | DataOfferDetailPageResultConnectorOnlineStatusEnum
    | ConnectorDetailPageResultOnlineStatusEnum;
}

[richardtreier]

Hi Saad, I added some changes. Thus I disabled auto merge. I approved it, so you can review my additional changes first, and then merge the branch, if they check out.