upcoming: [M3-7951] Update Placement Groups region API limits

[abailly-akamai]

Description 📝

This PR brings CM up to date with the latest region limits ALPHA deployments. This update's only concern is updating the GET region limits API response to match the expected shape.

export interface Region {  
  id: string;  
  label: string;  
  country: Country;  
  capabilities: Capabilities[];    
  maximum_pgs_per_customer: number;    
  maximum_vms_per_pg: number;    
  status: RegionStatus;  
  resolvers: DNSResolvers;  
  site_type: RegionSite;
} 

becomes:

export interface Region {  
  id: string;  
  label: string;  
  country: Country;  
  capabilities: Capabilities[];  
  placement_group_limits: {    
    maximum_pgs_per_customer: number;    
    maximum_linodes_per_pg: number;  
  };  
  status: RegionStatus;  
  resolvers: DNSResolvers;  
  site_type: RegionSite;
} 

It enables the UI to properly handle PG limits. Limits are currently set with hard coded values on the API side, so the behavior is predictable for now:

• 5 max PGs per Customer
• 5 max Linodes per PG

Changes 🔄

• Update APIv4 Region response
• Update related code

Preview 📷

How to test 🧪

⚠️ Note: Copy is still WIP (main copy, errors, notices)

Prerequisites

• Switch your environment to ALHPA and pull code locally
• Login with user pg-user-1 (1Password)

Verification steps

• Navigate to http://localhost:3000/placement-groups
• Confirm limits by navigating through and playing with the feature
  • Limit display in tables and summaries
  • Creating placement groups
  • Assigning Linodes
  • Create Linode flow

As an Author I have considered 🤔

Check all that apply

• 👀 Doing a self review
• ❔ Our contribution guidelines
• 🤏 Splitting feature into small PRs
• ➕ Adding a changeset
• 🧪 Providing/Improving test coverage
• 🔐 Removing all sensitive information from the code and PR description
• 🚩 Using a feature flag to protect the release
• 👣 Providing comprehensive reproduction steps
• 📑 Providing or updating our documentation
• 🕛 Scheduling a pair reviewing session
• 📱 Providing mobile support
• ♿ Providing accessibility support

[carrillo-erik]

I noticed that the color of the tooltip seems lighter compared to others in the Create Linode flow. Also, the hover state doesn't turn it blue in Dark Mode. This might just require its own separate ticket to make the tooltips more consistent with each other. Code looks good and works as expected in the flows tested. The tooltip issue is not a show stopper for this PR.

Screen.Recording.2024-04-03.at.8.16.27.AM.mov

[abailly-akamai]

@carrillo-erik sounds good thanks for catching. Let's create a ticket to look at that down the line