fix(kube): use https when port is 443 in various tables [EE-6592] (#11443)

app/react/docker/containers/ListView/ContainersDatatable/columns/ports.tsx

@@ -3,6 +3,7 @@ import { ExternalLink } from 'lucide-react';
 import { CellContext } from '@tanstack/react-table';
 
 import type { DockerContainer } from '@/react/docker/containers/types';
+import { getSchemeFromPort } from '@/react/common/network-utils';
 
 import { Icon } from '@@/Icon';
 
@@ -31,18 +32,46 @@ function Cell({ row }: CellContext<DockerContainer, string>) {
     return '-';
   }
 
-  const { PublicURL: publicUrl } = environment;
+  const publicURL = getPublicUrl(environment.PublicURL);
 
-  return _.uniqBy(ports, 'public').map((port) => (
-    <a
-      key={`${port.host}:${port.public}`}
-      className="image-tag"
-      href={`http://${publicUrl || port.host}:${port.public}`}
-      target="_blank"
-      rel="noreferrer"
-    >
-      <Icon icon={ExternalLink} />
-      {port.public}:{port.private}
-    </a>
-  ));
+  return _.uniqBy(ports, 'public').map((port) => {
+    let url = publicURL || port.host || '';
+    if (!url.startsWith('http')) {
+      const scheme = getSchemeFromPort(port.private);
+      url = `${scheme}://${url}`;
+    }
+    url = `${url}:${port.public}`;
+
+    return (
+      <a
+        key={`${port.host}:${port.public}`}
+        className="image-tag"
+        href={url}
+        target="_blank"
+        rel="noreferrer"
+      >
+        <Icon icon={ExternalLink} />
+        {port.public}:{port.private}
+      </a>
+    );
+  });
+}
+
+function getPublicUrl(url?: string): string {
+  if (!url) {
+    return '';
+  }
+
+  // Add protocol if missing
+  const u =
+    url.startsWith('http://') || url.startsWith('https://')
+      ? url
+      : `http://${url}`;
+
+  try {
+    const parsedUrl = new URL(u);
+    return `${parsedUrl.protocol}://${parsedUrl.hostname}`;
+  } catch (error) {
+    return '';
+  }
 }