feat: [M3-7157] - Only show IPv4s specific to a linode-subnet relationship on VPC details page

[coliu-akamai]

Description 📝

Ensure that a linode row inside the subnets table only shows the IP specific to that subnet

Major Changes 🔄

Add subnetId to SubnetLinodeRow props, and find the interface associated with that specific subnet

Preview 📷

Before	After

MSW example:

How to test 🧪

How to verify changes?

• Using the MSW:
  • Most linodes will have a blank VPC IPv4 column because the mock subnet_id of the mock linode's configs' interfaces don't match the subnet that the linode corresponds to. However, you can go to
    • packages/manager/src/factories/linodeConfigInterfaceFactory.ts line 28 and try to put in specific subnet_ids. If the mock subnet_id matches, the IPs will show up (see MSW screenshot example)
• If you are not using the MSW, make sure you're on the dev environment and have the correct VPC flags associated with your account (may need to add them via admin). Navigate to a VPC's detail page and assign a linode to multiple subnets (note -- you'll have to either make the requests directly to the API, or first checkout my branch feat-m3-6752 to assign linodes from the UI, then switch back to this branch, until that gets merged in 😅)
  • verify that even if a linode is assigned to multiple subnets, only one IPv4 is shown in each row
  • verify that this is the correct IP for the specific linode-subnet relationship
    • (may need to console.log the configs in packages/manager/src/features/VPCs/VPCDetail/SubnetLinodeRow.tsx, and check the interfaces in the configs. The interface with the corresponding subnetId should have the same IPv4 as the one appearing in the row)

How to run Unit or E2E tests?
yarn test SubnetLinodeRow (existing test should still pass)
yarn test 'packages/manager/src/features/VPCs/utils.test.ts'

[bnussman-akamai]

Logic looks good. From the mocking I tried, I saw the correct VPC IP!

[abailly-akamai]

correct IP showing as expected in the UI ✅

Approving pending additional coverage. thx!

[abailly-akamai]

Can we move this to a .utils.ts and get it tested with a factory?

[hana-akamai]

Confirmed the correct IP and that the existing unit test still passes 🔨

[dwiley-akamai]

The VPC IPv4 displayed matches the IPv4 address expected ✅
Unit tests pass ✅

[coliu-akamai]

thanks everyone! merging this PR as the integration test failure is unrelated to VPC changes