feat(ui): show hostnames for Gateway resource in node info summary

Display the  attribute on Gateway objects by reading from the live resource state, consistent with how hostnames are shown for Service resources.

Closes #26962

Signed-off-by: Farhan Ramadhan <nak.rokesselalu@gmail.com>

Author: farhan15r

ui/src/app/applications/components/application-node-info/application-node-info.tsx

@@ -156,6 +156,13 @@ export const ApplicationNodeInfo = (props: {
             attributes.push({title: 'HOSTNAMES', value: hostNames});
         } else if (props.node.kind === 'ReplicaSet') {
             attributes.push({title: 'REPLICAS', value: `${props.live.spec?.replicas || 0}/${props.live.status?.readyReplicas || 0}/${props.live.status?.replicas || 0}`});
+        } else if (props.node.kind === 'Gateway') {
+            let hostNames = '';
+            const status = props.live.status;
+            if (status && status.addresses) {
+                hostNames = (status.addresses || []).map((item: any) => item.value).join(', ');
+            }
+            attributes.push({title: 'HOSTNAMES', value: hostNames});
         }
     }