Add v cluster type and icon to cluster table type (#3693)

* extract cluster icon to it's own component

* fix lint

* add cluster type and icon to cluster icon

* run yarn lint

* Adds support for eks

---------

Co-authored-by: Simon <[email protected]>
Co-authored-by: Simon Howe <[email protected]>

Author: ahussein3

Diff for: ui/src/assets/img/VCluster.svg

@@ -10,6 +10,7 @@ import Kubernetes from '../../assets/img/Kubernetes.svg';
 import LiquidMetal from '../../assets/img/LiquidMetal.svg';
 import Openshift from '../../assets/img/Openshift.svg';
 import Rancher from '../../assets/img/Rancher.svg';
+import VCluster from '../../assets/img/VCluster.svg';
 import Vsphere from '../../assets/img/Vsphere.svg';
 import { GitopsClusterEnriched } from '../../types/custom';
 import { Routes } from '../../utils/nav';
@@ -27,7 +28,8 @@ const getClusterTypeIcon = (clusterType?: string) => {
     return Docker;
   } else if (
     clusterType === 'AWSCluster' ||
-    clusterType === 'AWSManagedCluster'
+    clusterType === 'AWSManagedCluster' ||
+    clusterType === 'eks'
   ) {
     return EKS;
   } else if (
@@ -46,6 +48,8 @@ const getClusterTypeIcon = (clusterType?: string) => {
     return Rancher;
   } else if (clusterType === 'Openshift') {
     return Openshift;
+  } else if (clusterType === 'VCluster') {
+    return VCluster;
   }
   return Kubernetes;
 };
@@ -74,9 +78,7 @@ export const ClusterIcon: FC<{ cluster: GitopsClusterEnriched }> = ({
   return (
     <Tooltip title={clusterKind || 'kubernetes'} placement="bottom">
       {isACD ? (
-        <Link
-          to={getACDLink()}
-        >
+        <Link to={getACDLink()}>
           <Badge
             anchorOrigin={{
               vertical: 'bottom',

Diff for: ui/src/components/Clusters/ClusterIcon.tsx

@@ -53,6 +53,7 @@ import OpenedPullRequest from './OpenedPullRequest';
 
 
 
+
 const ClusterRowCheckbox = ({
   name,
   namespace,