refactor: [M3-8777] - Refactor CreateCluster component to use react-hook-form

[hasyed-akamai]

Description 📝

This PR refactors the CreateCluster component to use react-hook-form for form state management. It also removes the MultipleIPInput components for cleaner code.

Changes 🔄

• Used React Hook Form for better state management

Target release date 🗓️

N/A

Verification steps

• Check if the CreateCluster component's functionality is unaffected by the changes
  • ❗ Reviewers should confirm parity with develop with and without the LKE-Enterprise LA feature flag on

Author Checklists

As an Author, to speed up the review process, I considered 🤔

👀 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

• I have read and considered all applicable items listed above.

As an Author, before moving this PR from Draft to Open, I confirmed ✅

• All unit tests are passing
• TypeScript compilation succeeded without errors
• Code passes all linting rules

[mjac0bs]

Adding myself as a reviewer because before we merge this, I want to make sure we're not introducing any regressions with LKE-E flows.

There are merge conflicts from #11664 and will also be with #11746.

[mjac0bs]

Hey @hasyed-akamai, since we already talked about the merge conflicts to resolve to keep parity with recent ACL changes (must be enabled in LKE-E), I'm going to mention a couple of other issues I noticed while testing the branch in its current state:

• When the LKE-E tier is selected, the Version field doesn't autopopulate, and this also results in no LKE version if the user switches back to the standard tier.

Develop	This Branch
develop-version-prefill.mov	version-prefill-regression-this-branch.mov

• For a standard LKE tier, when the user selects a Region and Plan type and then selects HA/No HA, the Create Cluster button stays disabled and no cluster can be created. Interestingly, the button seems to enable itself if the user toggles the ACL switch after that.

Prod	This Branch
ha-selection-prod.mov	regression-ha-this-branch.mov

One thing I did not test at all yet, because I have to figure out how to enable it, is App Platform for Kubernetes (APL). (noting this as a reminder to myself, as well)

[mjac0bs]

Appreciate you doing this refactor, @hasyed-akamai!

With LKE-E being so close to launching in LA, I want to be absolutely sure that there aren't any regressions when we switch over to RHF. Functionality was looking good from my testing so far - thanks for addressing the initial feedback; see the APL PR for one more thing.

I'm still reading through the code changes and will continue that on Monday. Publishing some current comments so you can address them as I go.

[mjac0bs]

Is this needed?

Suggested change

ref={null}

[hasyed-akamai]

Hi @mjac0bs , I used a ref with a null value to address the console error. Any alternative solutions are welcome.

[mjac0bs]

Suggested change

ref={null}

?

[linode-gh-bot]

Cloud Manager UI test results

🎉 536 passing tests on test run #38 ↗︎

❌ Failing	✅ Passing	↪️ Skipped	🕐 Duration
0 Failing	536 Passing	3 Skipped	127m 34s

[jaalah-akamai]

Waiting on LKE-E release

[mjac0bs]

Noting this for future consideration:

#11856 (comment)