Cleanup: Remove dead gui_box CSS and replace native selects (#4995)

[haslinghuis]

• see Tracking: Convert all tabs to Nuxt UI #4995 (comment)

Summary by CodeRabbit

• Refactor
  • Migrated form field selectors to use a unified component library across dialogs and tabs for improved consistency and better maintainability.
• Style
  • Removed and reorganized obsolete CSS styling rules across multiple components to reduce code complexity and enhance overall cleanliness.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 1044aebd-e467-4636-92bd-0e73e3cd24b5

📥 Commits

Reviewing files that changed from the base of the PR and between 51cc138 and 5772ba5.

📒 Files selected for processing (3)

• src/components/dialogs/CopyProfileDialog.vue
• src/components/tabs/FirmwareFlasherTab.vue
• src/components/tabs/PidTuningTab.vue

💤 Files with no reviewable changes (2)

• src/components/tabs/PidTuningTab.vue
• src/components/tabs/FirmwareFlasherTab.vue

---

Walkthrough

This PR migrates a dialog's profile and rate selectors from native HTML <select> elements to the USelect component, and removes now-orphaned CSS rules related to select and titlebar styling across multiple tab components.

Changes

UI Component & Styling Cleanup

Layer / File(s)	Summary
Component Migration src/components/dialogs/CopyProfileDialog.vue	Profile and rate <select> elements replaced with USelect components bound via :items and v-model; removes v-model.number and <option v-for> rendering.
Select-Specific CSS Removal src/components/dialogs/CopyProfileDialog.vue	Scoped styling for .contentProfile select and .contentRateProfile select margins removed; remaining .contentProfile and .contentRateProfile container styles preserved.
Titlebar & Box Styling Cleanup src/components/tabs/FirmwareFlasherTab.vue, src/components/tabs/PidTuningTab.vue	Orphaned .gui_box_titlebar rule block and related .gui_box / .gui_box_titlebar .helpicon margins removed; .select-group .helpicon properties consolidated.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~12 minutes

Possibly related PRs

• Refactor: Convert Sensors tab to Nuxt UI #5019: Performs the same UI-level refactor of replacing native <select> controls with USelect components and removing associated select-specific CSS.
• Firmware flasher facelift #5014: Modifies src/components/tabs/FirmwareFlasherTab.vue styling (removing/adjusting titlebar and helpicon rules).

Suggested reviewers

• blckmn
• VitroidFPV

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Description check	⚠️ Warning	The description only contains a reference link without substantive explanation of the changes, objectives, or implementation details required by the template.	Provide a detailed description explaining what changes were made, why they were made, and any relevant context. Include sections covering the motivation, implementation approach, and testing performed.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately summarizes the main changes: removing dead gui_box CSS and replacing native select elements with USelect components.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

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

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

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

_{Review rate limit: 7/8 reviews remaining, refill in 7 minutes and 30 seconds.}

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

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[github-actions]

🎉 Do you want to test this code? 🎉

• 🌐 Progressive Web Application (PWA)
• 🤖 Android APK

⚠️ CAUTION: The build may be unstable and result in corrupted configurations or data loss. Use only for testing! ⚠️