Update dependency prettier to v3 (#12095)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>

src/components/structures/ThreadPanel.tsx

@@ -204,7 +204,8 @@ const ThreadPanel: React.FC<IProps> = ({ roomId, onClose, permalinkCreator }) =>
 
     useEffect(() => {
         const room = mxClient.getRoom(roomId);
-        room?.createThreadsTimelineSets()
+        room
+            ?.createThreadsTimelineSets()
             .then(() => room.fetchRoomThreads())
             .then(() => {
                 setFilterOption(ThreadFilterType.All);

src/components/views/dialogs/AddExistingToSpaceDialog.tsx

@@ -362,32 +362,31 @@ export const AddExistingToSpace: React.FC<IAddExistingToSpaceProps> = ({
 
 const defaultRendererFactory =
     (title: TranslationKey): Renderer =>
-    (rooms, selectedToAdd, { scrollTop, height }, onChange) =>
-        (
-            <div className="mx_AddExistingToSpace_section">
-                <h3>{_t(title)}</h3>
-                <LazyRenderList
-                    itemHeight={ROW_HEIGHT}
-                    items={rooms}
-                    scrollTop={scrollTop}
-                    height={height}
-                    renderItem={(room) => (
-                        <Entry
-                            key={room.roomId}
-                            room={room}
-                            checked={selectedToAdd.has(room)}
-                            onChange={
-                                onChange
-                                    ? (checked: boolean) => {
-                                          onChange(checked, room);
-                                      }
-                                    : undefined
-                            }
-                        />
-                    )}
-                />
-            </div>
-        );
+    (rooms, selectedToAdd, { scrollTop, height }, onChange) => (
+        <div className="mx_AddExistingToSpace_section">
+            <h3>{_t(title)}</h3>
+            <LazyRenderList
+                itemHeight={ROW_HEIGHT}
+                items={rooms}
+                scrollTop={scrollTop}
+                height={height}
+                renderItem={(room) => (
+                    <Entry
+                        key={room.roomId}
+                        room={room}
+                        checked={selectedToAdd.has(room)}
+                        onChange={
+                            onChange
+                                ? (checked: boolean) => {
+                                      onChange(checked, room);
+                                  }
+                                : undefined
+                        }
+                    />
+                )}
+            />
+        </div>
+    );
 
 export const defaultRoomsRenderer = defaultRendererFactory(_td("common|rooms"));
 export const defaultSpacesRenderer = defaultRendererFactory(_td("common|spaces"));

src/components/views/dialogs/spotlight/SpotlightDialog.tsx

@@ -252,12 +252,15 @@ const findVisibleRoomMembers = (visibleRooms: Room[], cli: MatrixClient, filterD
     return Object.values(
         visibleRooms
             .filter((room) => !filterDMs || !DMRoomMap.shared().getUserIdForRoomId(room.roomId))
-            .reduce((members, room) => {
-                for (const member of room.getJoinedMembers()) {
-                    members[member.userId] = member;
-                }
-                return members;
-            }, {} as Record<string, RoomMember>),
+            .reduce(
+                (members, room) => {
+                    for (const member of room.getJoinedMembers()) {
+                        members[member.userId] = member;
+                    }
+                    return members;
+                },
+                {} as Record<string, RoomMember>,
+            ),
     ).filter((it) => it.userId !== cli.getUserId());
 };
 

src/components/views/elements/LazyRenderList.tsx

@@ -17,7 +17,11 @@ limitations under the License.
 import React from "react";
 
 class ItemRange {
-    public constructor(public topCount: number, public renderCount: number, public bottomCount: number) {}
+    public constructor(
+        public topCount: number,
+        public renderCount: number,
+        public bottomCount: number,
+    ) {}
 
     public contains(range: ItemRange): boolean {
         // don't contain empty ranges

src/components/views/elements/SpellCheckLanguagesDropdown.tsx

@@ -61,7 +61,8 @@ export default class SpellCheckLanguagesDropdown extends React.Component<
         const plaf = PlatformPeg.get();
         if (plaf) {
             const languageNames = new Intl.DisplayNames([getUserLanguage()], { type: "language", style: "short" });
-            plaf.getAvailableSpellCheckLanguages()
+            plaf
+                .getAvailableSpellCheckLanguages()
                 ?.then((languages) => {
                     languages.sort(function (a, b) {
                         if (a < b) return -1;

src/components/views/messages/MPollBody.tsx

@@ -366,7 +366,11 @@ export default class MPollBody extends React.Component<IBodyProps, IState> {
     }
 }
 export class UserVote {
-    public constructor(public readonly ts: number, public readonly sender: string, public readonly answers: string[]) {}
+    public constructor(
+        public readonly ts: number,
+        public readonly sender: string,
+        public readonly answers: string[],
+    ) {}
 }
 
 function userResponseFromPollResponseEvent(event: MatrixEvent): UserVote {

src/components/views/right_panel/UserInfo.tsx

@@ -650,8 +650,8 @@ export const RoomKickButton = ({
                     ? _t("user_info|disinvite_button_space")
                     : _t("user_info|kick_button_space")
                 : member.membership === "invite"
-                ? _t("user_info|disinvite_button_room")
-                : _t("user_info|kick_button_room"),
+                  ? _t("user_info|disinvite_button_room")
+                  : _t("user_info|kick_button_room"),
             title:
                 member.membership === "invite"
                     ? _t("user_info|disinvite_button_room_name", { roomName: room.name })
@@ -721,8 +721,8 @@ export const RoomKickButton = ({
             ? _t("user_info|disinvite_button_space")
             : _t("user_info|kick_button_space")
         : member.membership === "invite"
-        ? _t("user_info|disinvite_button_room")
-        : _t("user_info|kick_button_room");
+          ? _t("user_info|disinvite_button_room")
+          : _t("user_info|kick_button_room");
 
     return (
         <AccessibleButton
@@ -782,8 +782,8 @@ export const BanToggleButton = ({
                     ? _t("user_info|unban_button_space")
                     : _t("user_info|ban_button_space")
                 : isBanned
-                ? _t("user_info|unban_button_room")
-                : _t("user_info|ban_button_room"),
+                  ? _t("user_info|unban_button_room")
+                  : _t("user_info|ban_button_room"),
             title: isBanned
                 ? _t("user_info|unban_room_confirm_title", { roomName: room.name })
                 : _t("user_info|ban_room_confirm_title", { roomName: room.name }),

src/components/views/settings/CrossSigningPanel.tsx

@@ -101,9 +101,8 @@ export default class CrossSigningPanel extends React.PureComponent<{}, IState> {
         const masterPrivateKeyCached = crossSigningStatus.privateKeysCachedLocally.masterKey;
         const selfSigningPrivateKeyCached = crossSigningStatus.privateKeysCachedLocally.selfSigningKey;
         const userSigningPrivateKeyCached = crossSigningStatus.privateKeysCachedLocally.userSigningKey;
-        const homeserverSupportsCrossSigning = await cli.doesServerSupportUnstableFeature(
-            "org.matrix.e2e_cross_signing",
-        );
+        const homeserverSupportsCrossSigning =
+            await cli.doesServerSupportUnstableFeature("org.matrix.e2e_cross_signing");
         const crossSigningReady = await crypto.isCrossSigningReady();
 
         this.setState({

src/components/views/settings/tabs/user/SessionManagerTab.tsx

@@ -194,13 +194,14 @@ const SessionManagerTab: React.FC = () => {
         setFilter(filter);
         clearTimeout(scrollIntoViewTimeoutRef.current);
         // wait a tick for the filtered section to rerender with different height
-        scrollIntoViewTimeoutRef.current = window.setTimeout(() =>
-            filteredDeviceListRef.current?.scrollIntoView({
-                // align element to top of scrollbox
-                block: "start",
-                inline: "nearest",
-                behavior: "smooth",
-            }),
+        scrollIntoViewTimeoutRef.current = window.setTimeout(
+            () =>
+                filteredDeviceListRef.current?.scrollIntoView({
+                    // align element to top of scrollbox
+                    block: "start",
+                    inline: "nearest",
+                    behavior: "smooth",
+                }),
         );
     };