Migrate new UI to Chakra v3

[bbovenzi]

Chakra v3 came out last week. Its a really big change. So its better than we migrate sooner rather than later. By the time Airflow 3 comes out it won't be at 3.0.0 anymore.

Closes: #43483

---

^ 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 newsfragments.

[pierrejeambrun]

Great 🎉

I just noticed a small issue with the switch to pause/unpause dags. Request is sent and successful but in the UI it's not correctly displayed, if I refresh things are right. (stays paused or unpaused without refreshing)

[jscheffl]

Good to upgrade / switch early!

A lot of UI components are added inthe PR - I assume they are missing (atm) in 3.0.0 and hopefully will be added upstream later such that we can drop the local code?

I also saw a small in-consistency - but maybe already have been before? When I enable/disable DAGs and switch from card to list view, state is not carried over. Also I think some small glitches (not sure if have been like this before) when filtering ans switching card/list view, then filters are reset. Not critical to merge.

LGTM! (Wow a big change!)

[bbovenzi]

Good to upgrade / switch early!

A lot of UI components are added inthe PR - I assume they are missing (atm) in 3.0.0 and hopefully will be added upstream later such that we can drop the local code?

I also saw a small in-consistency - but maybe already have been before? When I enable/disable DAGs and switch from card to list view, state is not carried over. Also I think some small glitches (not sure if have been like this before) when filtering ans switching card/list view, then filters are reset. Not critical to merge.

LGTM! (Wow a big change!)

Chakra v3 switched to open components which gives a lot easier ways to customize them, but also means you need to build a lot yourself. Hence the new components/ui directory. Those are all generated from chakra ui snippets. I just commented on an issue on the ChakraUI repo to request their snippets be provided as a separate package so we'd only need to add the components we actually want to customize.

Pierre had a similar issue with the pause/unpause dags. Somehow rm -rf node_modules && pnpm install fixed it for him. Let me know if those work for those two issues.

[ryanahamilton]

Exciting stuff—looks great!

[jscheffl]

Pierre had a similar issue with the pause/unpause dags. Somehow rm -rf node_modules && pnpm install fixed it for him. Let me know if those work for those two issues.

Sorry, too late... but comments were not planned to block merge... so all good!