Refactor: reorganize Dags list filters layout

[choo121600]

Refactored the Dags list filters layout into a two-row structure to improve clarity.

Changes

Reorganized filters from a single HStack into a two-row VStack layout

• Row 1: State filters and reset button
• Row 2: Paused, Tag, and Favorite filters

Before

Screen.Recording.2025-12-20.at.6.30.19.PM.mov

After

Screen.Recording.2025-12-20.at.6.29.45.PM.mov

---

^ Add meaningful description above
Read the Pull Request Guidelines for more information.
In case of fundamental code changes, an Airflow Improvement Proposal (AIP) is needed.
In case of a new dependency, check compliance with the ASF 3rd Party License Policy.
In case of backwards incompatible changes please leave a note in a newsfragment file, named {pr_number}.significant.rst or {issue_number}.significant.rst, in airflow-core/newsfragments.

[choo121600]

Since both the Active and Favorite dropdowns show “All”, it feels a bit confusing to me.
I was wondering if, similar to the State filters, it might be better to represent them as buttons using icons.
What do you think?

[bbovenzi]

Since both the Active and Favorite dropdowns show “All”, it feels a bit confusing to me. I was wondering if, similar to the State filters, it might be better to represent them as buttons using icons. What do you think?

I agree. I've been meaning to get around to fixing that. Given that they are very simple dropdowns. Let's play with icon buttons instead. We already have a ButtonGroup component we can reuse. I think we should then put all the "last dag run" filters into a button group too for visual consistency

[choo121600]

Given that they are very simple dropdowns. Let's play with icon buttons instead. We already have a ButtonGroup component we can reuse. I think we should then put all the "last dag run" filters into a button group too for visual consistency

Yes, I completely agree as well🙌
would it make sense to spin this off as a separate "good first issue"?

[bbovenzi]

Yes I think that's a good idea. Feel free to make a new issue for that.

Back to this PR. Instead of explicitly making it two rows. We should just make sure the filters wrap properly on smaller screen sizes.

[bbovenzi]

Actually I decided just to do it for fun: #60298

[choo121600]

I checked it out, it looks much nicer🙌
I’ll follow up with the next steps after #60298 is merged.

[bbovenzi]

Let's close this one for now. And revisit