Before / After screenshot collection bucket for new Networking changes in UI

[charliepark]

Just a dumping ground for screenshots comparing the existing Console with the updated version in #3005

Angela collected a list of to-dos here: #3000

• IP Pool | Add IP range
  • ✅ remove comment (and any validation) around allowing IPv4 range only
• Floating IP | Create Floating IP
  • ✅ add IP version radio button to select the appropriate default pool
  • ✅ alternatively, user can be prompted to select a specific pool under Advanced if the silo has both default v4 and v6 pools
• Instance | Networking | Network Interfaces (grid)
  • ✅ display also v6 IP and Transit IPs if they are not null
• Instance | Networking | Add Network Interface
  • ✅ have two separate IP address input for specific v4 and v6 addresses (currently there is one input field)
• Instance | Networking | Edit Network Interface
  • ✅ have two separate Transit IP address input fields for v4 and v6 addresses (currently there is one)
    • (actually, just made this one more flexible, so it can accept v6 addresses)

The screenshots below are not in any particular order, but I did try to call out the thing that changed in each.

[charliepark]

Before:

After:
(added IP Version column)

[charliepark]

Before:

After:
(Added Version column)

[charliepark]

Before:

After:
(Added pool type)

And for IP Pool Ranges:
Before:

Also before:

After:
(Updated Message to indicate that IP Pool's IP Version)

Also after:
(Updated validation, taking pool's IP Version into account)

[charliepark]

Before:

After:
(Updated Attach Ephemeral IP modal, so IPv4 and IPv6 defaults are provided, or user can select from dropdown as before)

[charliepark]

Before:

After:
(Added version column)

[charliepark]

Before:

After:
(Added version column; rendered dual-stack as two-line entries)

(all rows currently have dual-height, but we could make non-dual-stack rows normal height)

[charliepark]

Before:

After:
(Provides options for v4 default, v6 default, or dual-stack, which is the default default)

Note that the Ephemeral IP pool selector adjusts based on NIC's IP version:

When no NIC is provided, Ephemeral IP option is unchecked and disabled:

When a custom NIC with both v4 and v6, the Ephemeral IP will accept either for the default selection:

[charliepark]

Before:

After:
(alternate microcopy)

(For IP Network destinations, as well as IPs)

[charliepark]

Before:

After:
(As with other locations, offer a default IPv4 or default IPv6, or allow them to select a custom pool)

[charliepark]

Before:

After:
(and, again, v4, v6, or both; note on the second and third screenshot below how the selected radio changes the field)

[charliepark]

Before:

After:
(Better copy, but also factors in the NIC in terms of which version can be used for Transit IP)

Also after (note IPv4/IPv6 restrictions):

[askfongjojo]

For places where we list the IP version or IP configuration options, I think the better order would be v4, then v6, and then dual-stack, with the default being v4.