refactor: [M3-8501] - AccessSelect Optimization: Use React Hook Form

[harsh-akamai]

Description 📝

The goal is to see if we can eliminate the number of useState calls we're making in this file and potentially remove the useEffect by using React Hook Form and inferring values from other values.

Changes 🔄

• Replaced the existing queries with react-query queries and mutations for managing state
• Used React Hook Form for better state management

Target release date 🗓️

N/A

How to test 🧪

Verification steps

• Check if the AccessSelect component's functionality is unaffected by the changes

As an Author I have considered 🤔

Check all that apply

• [x] 👀 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

[abailly-akamai]

@harsh-akamai can you make sure to fix your unit tests before people review the PR?

[harsh-akamai]

@abailly-akamai I have fixed the failing unit tests

[github-actions[bot]]

Coverage Report: ✅
Base Coverage: 87.05%
Current Coverage: 87.05%

[abailly-akamai]

@harsh-akamai what is the status of this PR? @jaalah-akamai I think you requested changes, unsure if they have been addressed.

May be a good idea to rebase for good measure as well 👍

[jaalah-akamai]

Yea @harsh-akamai let's rebase and I'll give this another pass today 👍

[harsh-akamai]

Rebased the PR with the latest changes on develop

[cypress[bot]]

Cloud Manager E2E    Run #6717

Run Properties:   Passed #6717  •  43000641db: refactor: [M3-8501] - AccessSelect Optimization: Use React Hook Form (#10952)

Project	Cloud Manager E2E
Branch Review	develop
Run status	Passed #6717
Run duration	25m 41s
Commit	43000641db: refactor: [M3-8501] - AccessSelect Optimization: Use React Hook Form (#10952)
Committer	Harsh Shankar Rao
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	3
Pending	2
Skipped	0
Passing	438
View all changes introduced in this branch ↗︎