Switch from prettier to oxfmt (#33844)

* Switch from prettier to oxfmt

* Make knip happy

* Make knip happy

* Apply suggestion from @t3chguy

* Rename .oxfmtrc.json to .oxfmtrc.jsonc

* Make oxfmt happier

apps/web/src/components/structures/ContextMenu.tsx

@@ -100,9 +100,9 @@ export interface IProps extends MenuProps {
     "closeOnInteraction"?: boolean;
 
     // Function to be called on menu close
-    onFinished(this: void): void;
+    "onFinished"(this: void): void;
     // on resize callback
-    windowResize?(this: void): void;
+    "windowResize"?(this: void): void;
 
     // Role & label for accessibility
     "role"?: AriaRole;
@@ -269,8 +269,8 @@ export default class ContextMenu extends React.PureComponent<React.PropsWithChil
             focusLock,
             managed,
             wrapperClassName,
-            "chevronFace": propsChevronFace,
-            "chevronOffset": propsChevronOffset,
+            chevronFace: propsChevronFace,
+            chevronOffset: propsChevronOffset,
             mountAsChild,
             role,
             "aria-label": ariaLabel,

apps/web/src/components/views/dialogs/ScrollableBaseModal.tsx

@@ -76,8 +76,8 @@ export default abstract class ScrollableBaseModal<
                 <FocusLock
                     returnFocus={true}
                     lockProps={{
-                        onKeyDown: this.onKeyDown,
-                        role: "dialog",
+                        "onKeyDown": this.onKeyDown,
+                        "role": "dialog",
                         ["aria-labelledby"]: "mx_CompoundDialog_title",
 
                         // Like BaseDialog, we'll just point this at the whole content

apps/web/src/components/views/elements/GenericEventListSummary.tsx

@@ -31,7 +31,7 @@ interface IProps {
     // An array of EventTiles to render when expanded
     "children": ReactNode[] | null;
     // Called when the event list expansion is toggled
-    onToggle?(this: void): void;
+    "onToggle"?(this: void): void;
     // The layout currently used
     "layout"?: Layout;
     "data-testid"?: string;

apps/web/src/components/views/settings/devices/DeviceDetails.tsx

@@ -104,10 +104,8 @@ const DeviceDetails: React.FC<Props> = ({
             ],
         },
     ]
-        .map((section) =>
-            // filter out falsy values
-            ({ ...section, values: section.values.filter((row) => !!row.value) }),
-        )
+        .map((section) => // filter out falsy values
+        ({ ...section, values: section.values.filter((row) => !!row.value) }))
         .filter(
             (section) =>
                 // then filter out sections with no values