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>

src/settings/RageshakeButton.tsx

@@ -16,8 +16,8 @@ limitations under the License.
 
 import { useTranslation } from "react-i18next";
 import { FC, useCallback } from "react";
+import { Button } from "@vector-im/compound-web";
 
-import { Button } from "../button";
 import { Config } from "../config/Config";
 import styles from "./RageshakeButton.module.css";
 import { useSubmitRageshake } from "./submit-rageshake";
@@ -52,9 +52,7 @@ export const RageshakeButton: FC<Props> = ({ description }) => {
 
     logsComponent = (
       <Button
-        size="lg"
-        variant="default"
-        onPress={sendDebugLogs}
+        onClick={sendDebugLogs}
         className={styles.wideButton}
         disabled={sending}
       >