Fix Host details page doesn't show 'show more' button for ip field (#238239)

## Summary

Fix Host details page doesn't show the 'show more' button for the IP
field.

* It updates the host details endpoint to return multiple values for a
field.
* It updates the host ID renderer in the UI to support multiple values

### What is not included?
* Refactor host details API; it really needs a refactor, but I am not
doing it in this bug fix scope.
* Network details. Network modal also only displays one value per field,
but it is out of the scope.

<img width="300" height="682" alt="Screenshot 2025-10-09 at 13 33 33"
src="https://github.com/user-attachments/assets/05f942fd-4bc5-482a-bdf9-23c1d39d3a02"
/>

<img width="800" height="1002" alt="Screenshot 2025-10-09 at 11 05 09"
src="https://github.com/user-attachments/assets/582e3a6b-868a-4114-ad97-94f0d4654507"
/>
<img width="800" height="1066" alt="Screenshot 2025-10-09 at 11 05 04"
src="https://github.com/user-attachments/assets/4b0b69c5-290b-4dbf-b1df-899964a235c3"
/>

### Checklist

Reviewers should verify this PR satisfies this list as well.

- [x] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios
### Identify risks

Author: machadoum

x-pack/solutions/security/plugins/security_solution/public/explore/network/components/details/__snapshots__/index.test.tsx.snap

@@ -65,5 +65,14 @@ describe('IP Overview Component', () => {
 
       expect(container.children[0]).toMatchSnapshot();
     });
+
+    test('it renders host id', () => {
+      const { container } = render(
+        <TestProviders>
+          <IpOverview {...mockProps} data={mockData.complete} />
+        </TestProviders>
+      );
+      expect(container).toHaveTextContent('b19a781f683541a7a25ee345133aa399');
+    });
   });
 });

x-pack/solutions/security/plugins/security_solution/public/explore/network/components/details/index.test.tsx

@@ -106,4 +106,13 @@ describe('Host Summary Component', () => {
     expect(getByTestId('host-risk-overview')).toHaveTextContent(risk);
     expect(getByTestId('host-risk-overview')).toHaveTextContent(riskScore.toString());
   });
+
+  test('it renders host id', () => {
+    const { container } = render(
+      <TestProviders>
+        <HostOverview {...mockProps} data={mockData.Hosts.edges[0].node} />
+      </TestProviders>
+    );
+    expect(container).toHaveTextContent('aa7ca589f1b8220002f2fc61c64cfbf1');
+  });
 });

x-pack/solutions/security/plugins/security_solution/public/overview/components/host_overview/__snapshots__/index.test.tsx.snap

@@ -15,6 +15,7 @@ import {
   locationRenderer,
   whoisRenderer,
   reputationRenderer,
+  hostIdRenderer,
 } from './field_renderers';
 import { mockData } from '../../../explore/network/components/details/mock';
 import type { AutonomousSystem } from '../../../../common/search_strategy';
@@ -135,6 +136,19 @@ describe('Field Renderers', () => {
       );
       expect(screen.getByText(getEmptyValue())).toBeInTheDocument();
     });
+
+    test('it renders multiple host ids', () => {
+      render(
+        <TestProviders>
+          {hostIdRenderer({
+            scopeId,
+            host: { ...emptyIdHost, id: ['test1', 'test2'] },
+          })}
+        </TestProviders>
+      );
+      expect(screen.getByText('test1')).toBeInTheDocument();
+      expect(screen.getByText('+1 More')).toBeInTheDocument();
+    });
   });
 
   describe('#hostNameRenderer', () => {

x-pack/solutions/security/plugins/security_solution/public/overview/components/host_overview/index.test.tsx

@@ -20,6 +20,7 @@ import { getEmptyTagValue } from '../../../common/components/empty_value';
 import { HostDetailsLink, ReputationLink, WhoIsLink } from '../../../common/components/links';
 import * as i18n from '../../../explore/network/components/details/translations';
 import type { SourcererScopeName } from '../../../sourcerer/store/model';
+import { DefaultFieldRenderer } from './default_renderer';
 
 export const IpOverviewId = 'ip-overview';
 
@@ -108,34 +109,33 @@ export const hostIdRenderer = ({
   ipFilter,
   noLink,
   scopeId,
-}: HostIdRendererTypes): React.ReactElement =>
-  host.id && host.ip && (ipFilter == null || host.ip.includes(ipFilter)) ? (
+}: HostIdRendererTypes): React.ReactElement => {
+  const hostName = host.name && host.name[0];
+  return host.id && host.ip && (ipFilter == null || host.ip.includes(ipFilter)) ? (
     <>
-      {host.name && host.name[0] != null ? (
-        <DefaultDraggable
-          id={`host-id-renderer-default-draggable-${IpOverviewId}-${
-            contextID ? `${contextID}-` : ''
-          }host-id`}
+      {hostName != null ? (
+        <DefaultFieldRenderer
+          rowItems={host.id}
+          attrName={'host.id'}
           isDraggable={isDraggable}
-          field="host.id"
-          value={host.id[0]}
-          isAggregatable={true}
-          fieldType={'keyword'}
+          idPrefix={contextID ? `host-overview-${contextID}` : 'host-overview'}
           scopeId={scopeId}
-        >
-          {noLink ? (
-            <>{host.id}</>
-          ) : (
-            <HostDetailsLink hostName={host.name[0]}>{host.id}</HostDetailsLink>
-          )}
-        </DefaultDraggable>
+          render={(id) =>
+            noLink ? (
+              <>{id}</>
+            ) : (
+              <HostDetailsLink hostName={hostName}>{id}</HostDetailsLink>
+            )
+          }
+        />
       ) : (
         <>{host.id}</>
       )}
     </>
   ) : (
     getEmptyTagValue()
   );
+};
 
 export const hostNameRenderer = (
   scopeId: SourcererScopeName,