frontend: src: Change apiVersion to apiGroup and fix linting error

Author: dibyanshu-pal-kushwaha

frontend/src/components/common/Link.tsx

@@ -20,10 +20,9 @@ import React from 'react';
 import { Link as RouterLink } from 'react-router-dom';
 import { formatClusterPathParam, getCluster, getSelectedClusters } from '../../lib/cluster';
 import { kubeObjectQueryKey, useEndpoints } from '../../lib/k8s/api/v2/hooks';
-import type { KubeObject } from '../../lib/k8s/KubeObject';
+import type { KubeObject, KubeObjectClass } from '../../lib/k8s/KubeObject';
 import type { RouteURLProps } from '../../lib/router/createRouteURL';
 import { createRouteURL } from '../../lib/router/createRouteURL';
-import { ResourceClasses } from '../../lib/k8s';
 import { useTypedSelector } from '../../redux/hooks';
 import { Activity } from '../activity/Activity';
 import { canRenderDetails, KubeObjectDetails } from '../resourceMap/details/KubeNodeDetails';
@@ -65,7 +64,7 @@ function KubeObjectLink(props: {
 
   const client = useQueryClient();
   const { namespace, name } = kubeObject.metadata;
-  const { endpoint } = useEndpoints(kubeObject._class().apiEndpoint.apiInfo, kubeObject.cluster);
+  const { endpoint } = useEndpoints((kubeObject.constructor as KubeObjectClass).apiEndpoint.apiInfo, kubeObject.cluster);
 
   return (
     <MuiLink
@@ -147,7 +146,7 @@ export default function Link(props: React.PropsWithChildren<LinkProps | LinkObje
 
   const { tooltip, ...propsRest } = props as LinkObjectProps;
 
-  const kind = 'kubeObject' in props ? props.kubeObject?._class().kind : props?.routeName;
+  const kind = 'kubeObject' in props ? props.kubeObject?.kind : props?.routeName;
   const cluster =
     'kubeObject' in props && props.kubeObject?.cluster
       ? props.kubeObject?.cluster
@@ -157,22 +156,21 @@ export default function Link(props: React.PropsWithChildren<LinkProps | LinkObje
 
   if ('kubeObject' in props && props.kubeObject) {
     const obj = props.kubeObject;
-    
-    const standardClass = Object.values(ResourceClasses).find((c: any) => c.kind === obj.kind) as any;
-    if (standardClass) {
-      const stdGroup = standardClass.apiGroupName || '';
-      const objGroup = obj._class().apiGroupName || '';
-  
-      if (stdGroup !== objGroup) {
-        matchesStandard = false;
-      }
+    const objClass = obj.constructor as KubeObjectClass;
+
+    // If the instance's class doesn't define the 'kind' static property matching the instance's kind,
+    // it implies this is a generic KubeObject (CRD) rather than a specific implementation (e.g. Service, Pod).
+    // Specific implementations in Headlamp (like Service) are considered "Standard" and should open the drawer.
+    // Generic objects (like Knative Service) should not open the drawer for a "Service" kind match.
+    if (objClass.kind !== obj.kind) {
+      matchesStandard = false;
     }
   }
 
   const openDrawer =
     drawerEnabled && canRenderDetails(kind) && matchesStandard
       ? () => {
-        // Object information can be provided throught kubeObject or route parameters
+        // Object information can be provided through kubeObject or route parameters
         const name = 'kubeObject' in props ? props.kubeObject?.getName() : props.params?.name;
         const namespace =
           'kubeObject' in props ? props.kubeObject?.getNamespace() : props.params?.namespace;