use DropdownWrapper for sort dropdown in Host Reports tab

[nulmete]

Related issue: Resolves #41533

Follow-up of this PR after this comment: #42017 (comment)

Checklist for submitter

Changes file already included in previous PR.

Testing

• QA'd all new/changed functionality manually

Before

After

[claude]

Claude Code Review

This repository is configured for manual code reviews. Comment @claude review to trigger a review and subscribe this PR to future pushes, or @claude review once for a one-time review.

_{Tip: disable this comment in your organization's Code Review settings.}

[nulmete]

saw that in the Host list page we put the filters above the host count, so tried to follow a similar pattern

[codecov]

Codecov Report

❌ Patch coverage is 16.66667% with 5 lines in your changes missing coverage. Please review.
✅ Project coverage is 66.69%. Comparing base (82c3983) to head (76b6ecc).
⚠️ Report is 50 commits behind head on main.

Files with missing lines	Patch %	Lines
...es/hosts/details/HostReportsTab/HostReportsTab.tsx	16.66%	5 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #42650      +/-   ##
==========================================
+ Coverage   66.67%   66.69%   +0.02%     
==========================================
  Files        2535     2535              
  Lines      203320   203320              
  Branches     9114     9232     +118     
==========================================
+ Hits       135564   135613      +49     
+ Misses      55490    55441      -49     
  Partials    12266    12266              

Flag	Coverage Δ
frontend	54.59% <16.66%> (+0.19%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[Copilot]

Pull request overview

Updates the Host details > Reports tab sort control to use the shared DropdownWrapper component, aligning it with other table filter dropdowns and adjusting responsive styling for the controls row.

Changes:

• Replaces ActionsDropdown with DropdownWrapper for the reports sort selector.
• Updates sort option typing/handling to use react-select-5’s SingleValue.
• Refactors Host Reports tab control-row SCSS, including responsive layout tweaks.

Reviewed changes

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

File	Description
frontend/pages/hosts/details/HostReportsTab/HostReportsTab.tsx	Switches sort dropdown implementation from ActionsDropdown to DropdownWrapper and updates sort-change handling.
frontend/pages/hosts/details/HostReportsTab/_styles.scss	Adjusts layout/styling for the controls row and dropdown/search sizing, including responsive behavior.

---

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

[RachelElysia]

Code and UI looks great, thank you!