Refactor the UI of the Auto-Approve Menu

[kyle-apex]

This is a breaking change in that it removes a setting, but I made it as an illustration for someone to experience how this change would feel versus the current implementation.

Thus, DO NOT MERGE.

I believe the removed setting may be better served in the Settings pane Auto-Approved section anyway.

Related GitHub Issue

Proposal part of: #3909

Description

Re-ordered

Test Procedure

See issue description

Type of Change

• 🐛 Bug Fix: Non-breaking change that fixes an issue.
• ✨ New Feature: Non-breaking change that adds functionality.
• 💥 Breaking Change: Fix or feature that would cause existing functionality to not work as expected.
• ♻️ Refactor: Code change that neither fixes a bug nor adds a feature.
• 💅 Style: Changes that do not affect the meaning of the code (white-space, formatting, etc.).
• 📚 Documentation: Updates to documentation files.
• ⚙️ Build/CI: Changes to the build process or CI configuration.
• 🧹 Chore: Other changes that don't modify src or test files.

Pre-Submission Checklist

• Issue Linked: This PR is linked to an approved GitHub Issue (see "Related GitHub Issue" above).
• Scope: My changes are focused on the linked issue (one major feature/fix per PR).
• Self-Review: I have performed a thorough self-review of my code.
• Code Quality:
  • My code adheres to the project's style guidelines.
  • There are no new linting errors or warnings (npm run lint).
  • All debug code (e.g., console.log) has been removed.
• Testing:
  • New and/or updated tests have been added to cover my changes.
  • All tests pass locally (npm test).
  • The application builds successfully with my changes.
• Branch Hygiene: My branch is up-to-date (rebased) with the main branch.
• Documentation Impact: I have considered if my changes require documentation updates (see "Documentation Updates" section below).
• Changeset: A changeset has been created using npm run changeset if this PR includes user-facing changes or dependency updates.
• Contribution Guidelines: I have read and agree to the Contributor Guidelines.

Screenshots / Videos

Documentation Updates

Additional Notes

Get in Touch

---

Important

Refactors AutoApproveMenu in AutoApproveMenu.tsx by reordering elements, removing a setting, and changing UI layout.

• Behavior:
  • Refactors AutoApproveMenu in AutoApproveMenu.tsx by reordering UI elements.
  • Removes the API request count limit input from the expanded menu.
  • Changes chevron icon direction to up when expanded.
• Breaking Change:
  • Removes a setting related to API request limits, potentially moving it to the Settings pane.
• UI Changes:
  • Adjusts padding and layout for expanded and collapsed states.

^{This description was created by for 3b2eaea. You can customize this summary. It will automatically update as commits are pushed.}

[hannesrudolph]

Please make a detailed feature request

[kyle-apex]

I noted the feature request in the description above: #3909