fix: [M3-7331] - VPC and StackScript details overflow

[coliu-akamai]

Description + notes on some changes 📝

• Fixes the overflow bug on the VPC and StackScript details page
• Fixes cutoff searchbar on VPC details page
  • note: placeholder text so far still gets larger when the screen gets smaller (consistent across all searchbars) -- currently forcing a default width of the searchbar on the VPC details page as a result + Also updated the margin for the searchbar and Create Subnet button in the VPCSubnetsTable, due to adding the flex-wrap property so that the search bar and button don't squash each other on smaller screens. this is an alternate fix compared to trying to decrease the placeholder text font (think I just need to target the correct mui classes, but was having trouble with it -- will still look into it)

Preview 📷

Before	After

Before	After

How to test 🧪

Prerequisites

(How to setup test environment)

• With VPC admin tags, using the prod env (or dev env), make sure you have a VPC. Give it a long, one word description
• Create a stackscript and also give it a long description

Reproduction steps

• Notice how the description overflows for both VPC and StackScript
• Notice how the searchbar placeholder text gets cutoff

Verification steps

• Confirm description text is now broken up for VPC and StackScript description for a very long single word
• Confirm VPC and StackScript description work normally without a single very long word
• Confirm search bar text no longer gets cutoff on small screens

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

[mjac0bs]

Thanks for fixing both of these! Confirmed that the description field now wraps rather than overflows on StackScript details and VPC details. Search bar placeholder text is no longer cut off.

StackScripts ✅	VPC ✅

I think extending the width of the search bar is fine. It seems like there's some default styling for the MUI TextField component that is setting that font size to 1rem at smaller viewports and that would need to get overridden to go that styling route, but I couldn't make it happy either.