Setup

• Rancher version: v2.13-ec1bc5d858a158c372b7c90ff677cf56c43edddc-head
• Dashboard version: master d17284f
• Rancher UI Extensions: n/a
• Browser type & version: Chrome, any version

Is your feature request related to a problem? Please describe.

In a dual-stack DigitalOcean node-driver cluster, each node has two public IP addresses (one IPv4 and one IPv6) and two private IP addresses (one IPv4 and one IPv6).

Currently, the UI displays only the IPv6 address as both the external and internal IPs (see screenshot below). This appears to happen because either the IPv6 address is listed last among the addresses of each type, or ignores that there may be multiple entries of that type with different address families (see the snippet below).

status:
  addresses:
    - address: 64.23.177.130
      type: InternalIP
    - address: 2604:a880:4:1d0:0:1:108e:c000
      type: InternalIP
    - address: 64.23.177.130
      type: ExternalIP
    - address: 2604:a880:4:1d0:0:1:108e:c000
      type: ExternalIP
    - address: do-dual-jiaqi-do-d-4j9dd-lp4lf
      type: Hostname

Describe the solution you'd like

UI should display multiple values for external and internal IPs, while still showing “Same as External” for simplicity when applicable.

Describe alternatives you've considered

N/A

Additional context

N/A

UI Requirement:

• Display a pill with the text: "+{n} more" only when there are more than one extenral ips or more than one internal ips
• On hover the pill should display "Click to show {n} more ip(s)"
• By clicking on the pill a popover should be displayed listing only the remaining ips(i.e. not including what already being displayed in the table column)
• Like kubectl we should list the first item of the arrays for internal and external ips