Replace remaining React ARIA components with Compound components (#2576)

* Fix issues detected by Knip

Including cleaning up some unused code and dependencies, using a React hook that we unintentionally stopped using, and also adding some previously undeclared dependencies.

* Replace remaining React ARIA components with Compound components

* fix button position

* disable scrollbars to resolve overlapping button

---------

Co-authored-by: Timo <toger5@hotmail.de>

renovate.json

@@ -44,29 +44,5 @@
       "prHeader": "Please review modals on mobile for visual regressions."
     }
   ],
-  "semanticCommits": "disabled",
-  "ignoreDeps": [
-    "@react-aria/button",
-    "@react-aria/focus",
-    "@react-aria/interactions",
-    "@react-aria/listbox",
-    "@react-aria/menu",
-    "@react-aria/overlays",
-    "@react-aria/select",
-    "@react-aria/tabs",
-    "@react-aria/tooltip",
-    "@react-aria/utils",
-    "@react-stately/collections",
-    "@react-stately/list",
-    "@react-stately/menu",
-    "@react-stately/select",
-    "@react-stately/tabs",
-    "@react-stately/tooltip",
-    "@react-stately/tree",
-    "@react-types/dialog",
-    "@react-types/menu",
-    "@react-types/overlays",
-    "@react-types/shared",
-    "@react-types/tabs"
-  ]
+  "semanticCommits": "disabled"
 }