feat: [M3-7028] - Add AGLB Edit Route Drawer

[jaalah-akamai]

Description 📝

Implements the AGLB edit route drawer.

Preview 📷

edit-route.mp4

How to test 🧪

Prerequisites

• Checkout this PR
• Turn on the MSW (bottom left dev tools)

Reproduction steps

• Go to http://localhost:3000/loadbalancers/0/routes
• Click on the action menu ... next to a route
• Click the Edit button

Verification steps

• Observe drawer opens with:
  • Title containing specific route label
  • Input field containing current route label
  • Current protocol selected
• Observe when click Edit Route network payload should contain your new options
• Run cypress tests yarn cy:run -s cypress/e2e/core/loadBalancers/load-balancer-routes.spec.ts

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

[cpathipa]

• Observe drawer opens
• Title containing specific route label
• Input field containing current route label
• Current protocol selected
• Observe when click Edit Route network payload should contain your new options
• Run cypress tests yarn cy:run -s cypress/e2e/core/loadBalancers/load-balancer-routes.spec.ts

Confirming on the above validation tasks and I haven't seen any regression. I agree with @bnussman-akamai feedback.

Questions:
I have noticed that other places of edit scenarios I feel like language for the primary button is inconsistent. "Save Changes" make sense to me.

Edit Route	Edit Volume

[jaalah-akamai]

I have noticed that other places of edit scenarios I feel like language for the primary button is inconsistent. "Save Changes" make sense to me.

I've also noticed inconsistency of whether we include data next to the title or not (ie: Edit Route: <route_label> ... in addition, some designs have a dash instead of a colon 🤔 ). @bnussman-akamai did you want me to reach out to UX or did you want to make a judgment call?

[bnussman-akamai]

I think we should do what is most common in Cloud Manager. I think that would be Edit Route <route label>. So without the : @jaalah-akamai

[jaalah-akamai]

I think we should do what is most common in Cloud Manager. I think that would be Edit Route . So without the : @jaalah-akamai

Looking good now 👍

[mjac0bs]

Confirmed routes update as expected and editing a route to be labelless is no longer possible. 🚢