feat: sort quality profiles ASC in request and service configuration

[0xSysR3ll]

Description

This PR add proper *arr profiles natural (ASC) sorting.
Covers both Advanced Requests and Services configuration.

How Has This Been Tested?

Screenshots / Logs (if applicable)

Checklist:

• I have read and followed the contribution guidelines.
• Disclosed any use of AI (see our policy)
• I have updated the documentation accordingly.
• All new and existing tests passed.
• Successful build pnpm build
• Translation keys pnpm i18n:extract
• Database migration (if required)

Issues Fixed or Closed

• Fixes Sort profiles like in Sonarr/Radarr #1778

Summary by CodeRabbit

• New Features
  • Profile dropdown in the request modal now lists profiles in a deterministic, locale-aware alphabetical order.
  • Quality profile menus in Radarr settings now present options sorted alphabetically for easier selection.
  • Sonarr quality profile lists (standard and anime) are consistently sorted alphabetically for improved navigation and organization.

[github-actions]

This pull request has merge conflicts. Please resolve the conflicts so the PR can be successfully reviewed and merged.

[coderabbitai]

📝 Walkthrough

Walkthrough

Profiles in three UI components are now deterministically ordered by profile name using a locale-aware comparator (localeCompare with numeric: true and sensitivity: 'base' via toSorted). Rendering and option labels remain functionally the same aside from reordered lists and a minor key name change for anime profiles.

Changes

Cohort / File(s)	Summary
Settings — Radarr src/components/Settings/RadarrModal/index.tsx	Generates quality profile options from testResponse.profiles.toSorted((a,b) => a.name.localeCompare(b.name, undefined, { numeric: true, sensitivity: 'base' })) so profiles appear alphabetically.
Settings — Sonarr src/components/Settings/SonarrModal/index.tsx	Applies same locale-aware sorting to both standard and anime quality profile lists; anime option keys updated to loaded-profile-anime-${profile.id} for uniqueness.
Request Modal — AdvancedRequester src/components/RequestModal/AdvancedRequester/index.tsx	Uses serverData.profiles.toSorted(...) to sort profiles by name before mapping. Label computation path reorganized into a nested conditional but preserves default labeling and active-profile logic.

Estimated Code Review Effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

🐇 I hopped through lists, gave each name a say,
Sorted by letters so they line up today.
Sonarr, Radarr, requests — neat in a row,
A rabbit's small tweak for a smoother UI flow. ✨

🚥 Pre-merge checks | ✅ 4

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately describes the main change: sorting quality profiles in ascending order across the request modal and service configuration modals.
Linked Issues check	✅ Passed	The PR implements profile sorting by name in ascending order across Advanced Requester and service modals [#1778], addressing the core objective to improve profile discoverability.
Out of Scope Changes check	✅ Passed	All changes are directly related to sorting quality profiles by name; no unrelated modifications are present in the affected components.
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[Copilot]

Pull request overview

This PR updates the UI for selecting quality profiles so that profile dropdowns are displayed in ascending order, improving discoverability when many profiles exist (per #1778).

Changes:

• Sort Sonarr service configuration quality profile dropdowns (including anime) by profile name.
• Sort Radarr service configuration quality profile dropdown by profile name.
• Sort Advanced Requester quality profile dropdown by profile name.

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 4 comments.

File	Description
src/components/Settings/SonarrModal/index.tsx	Sorts Sonarr quality profile and anime quality profile option lists before rendering.
src/components/Settings/RadarrModal/index.tsx	Sorts Radarr quality profile option list before rendering.
src/components/RequestModal/AdvancedRequester/index.tsx	Sorts the request modal’s quality profile dropdown options before rendering.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[coderabbitai]

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents

Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@src/components/Settings/SonarrModal/index.tsx`:
- Around line 586-587: The code uses Array.prototype.toSorted() on
testResponse.profiles which requires ES2023 but the project targets ES2021;
either update compilation targets (set tsconfig "target" to "ES2023" or add a
browserslist restricting supported environments) or replace the runtime call
with a compatible pattern—e.g., replace occurrences of
testResponse.profiles.toSorted((a,b)=>...) with
testResponse.profiles.slice().sort((a,b)=>...) or
[...testResponse.profiles].sort((a,b)=>...) to produce a sorted copy without
relying on toSorted; update all occurrences (including the other instance around
lines 805–806) accordingly.

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: bfbcebbf-eb16-43ea-820a-c6bdfbc47af4

📥 Commits

Reviewing files that changed from the base of the PR and between 4851a20 and 4286af2.

📒 Files selected for processing (3)

• src/components/RequestModal/AdvancedRequester/index.tsx
• src/components/Settings/RadarrModal/index.tsx
• src/components/Settings/SonarrModal/index.tsx

🚧 Files skipped from review as they are similar to previous changes (2)

• src/components/Settings/RadarrModal/index.tsx
• src/components/RequestModal/AdvancedRequester/index.tsx