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>

res/css/views/auth/_AuthBody.pcss

@@ -67,7 +67,7 @@ limitations under the License.
     .mx_AuthBody_lockIcon {
         color: $secondary-content;
         height: 32px;
-        margin-bottom: -3px; // tweak to align all icons on different forgot password steps
+        margin-bottom: -3px; /* tweak to align all icons on different forgot password steps */
     }
 
     .mx_AuthBody_text {
@@ -211,9 +211,9 @@ limitations under the License.
 }
 
 .mx_AuthBody_emailPromptIcon--shifted {
-    margin-bottom: -17px; // Prevent layout jump by relative positioning.
+    margin-bottom: -17px; /* Prevent layout jump by relative positioning. */
     position: relative;
-    top: -17px; // This icon is higher than the other icons. Shift up to prevent icon jumping.
+    top: -17px; /* This icon is higher than the other icons. Shift up to prevent icon jumping. */
     width: 57px;
 }
 

res/css/views/avatars/_DecoratedRoomAvatar.pcss

@@ -30,9 +30,9 @@ limitations under the License.
     .mx_DecoratedRoomAvatar_icon {
         position: absolute;
         /* the following percentage based sizings are to match the scalable svg mask for the cutout */
-        bottom: 6.25%; // 2px for a 32x32 avatar
+        bottom: 6.25%; /* 2px for a 32x32 avatar */
         right: 6.25%;
-        width: 25%; // 8px for a 32x32 avatar
+        width: 25%; /* 8px for a 32x32 avatar */
         height: 25%;
         border-radius: 50%;
     }

res/css/views/context_menus/_IconizedContextMenu.pcss

@@ -18,7 +18,7 @@ limitations under the License.
 .mx_IconizedContextMenu {
     min-width: 146px;
     width: max-content;
-    // override default ul styles
+    /* override default ul styles */
     margin: 0;
     padding: 0;
 

res/css/views/dialogs/_AddExistingToSpaceDialog.pcss

@@ -38,7 +38,9 @@ limitations under the License.
     }
 
     .mx_AddExistingToSpace_section {
-        margin-right: 12px; // provides space for scrollbar so that checkbox and scrollbar do not collide
+        margin-right: 12px;
+
+        // provides space for scrollbar so that checkbox and scrollbar do not collide
 
         &:not(:first-child) {
             margin-top: 24px;

res/css/views/dialogs/_FeedbackDialog.pcss

@@ -97,7 +97,9 @@ limitations under the License.
         .mx_StyledRadioButton {
             display: inline-flex;
             font-size: 20px;
-            transition: font-size 1s, border 0.5s;
+            transition:
+                font-size 1s,
+                border 0.5s;
             border-radius: 50%;
             border: 2px solid transparent;
             margin-top: 12px;

res/css/views/elements/_Dropdown.pcss

@@ -58,7 +58,7 @@ limitations under the License.
 .mx_Dropdown_option {
     height: 35px;
     line-height: $font-35px;
-    // Overwrites the default padding for any li elements
+    /* Overwrites the default padding for any li elements */
     padding: 0 8px;
 }
 

res/css/views/elements/_Field.pcss

@@ -95,7 +95,10 @@ limitations under the License.
 }
 
 .mx_Field label {
-    transition: font-size 0.25s ease-out 0.1s, color 0.25s ease-out 0.1s, transform 0.25s ease-out 0.1s,
+    transition:
+        font-size 0.25s ease-out 0.1s,
+        color 0.25s ease-out 0.1s,
+        transform 0.25s ease-out 0.1s,
         background-color 0.25s ease-out 0.1s;
     background-color: transparent;
     font: var(--cpd-font-body-md-regular);
@@ -117,7 +120,10 @@ limitations under the License.
 .mx_Field input:not(:placeholder-shown) + label,
 .mx_Field textarea:focus + label,
 .mx_Field textarea:not(:placeholder-shown) + label {
-    transition: font-size 0.25s ease-out 0s, color 0.25s ease-out 0s, transform 0.25s ease-out 0s,
+    transition:
+        font-size 0.25s ease-out 0s,
+        color 0.25s ease-out 0s,
+        transform 0.25s ease-out 0s,
         background-color 0.25s ease-out 0s;
     font-size: $font-10px;
     transform: translateY(-13px);

res/css/views/elements/_GenericEventListSummary.pcss

@@ -32,7 +32,7 @@ limitations under the License.
     }
 
     .mx_GenericEventListSummary_toggle {
-        // We reuse a title cased translation
+        /* We reuse a title cased translation */
         text-transform: lowercase;
     }
 

res/css/views/elements/_InteractiveTooltip.pcss

@@ -25,7 +25,9 @@ limitations under the License.
     color: $primary-content;
     position: absolute;
     z-index: 5001;
-    box-shadow: 0 24px 8px rgb(17 17 26 / 4%), 0 8px 32px rgb(17 17 26 / 4%);
+    box-shadow:
+        0 24px 8px rgb(17 17 26 / 4%),
+        0 8px 32px rgb(17 17 26 / 4%);
 }
 
 .mx_InteractiveTooltip.mx_InteractiveTooltip_withChevron_top {

res/css/views/elements/_ReplyChain.pcss

@@ -15,7 +15,7 @@ limitations under the License.
 */
 
 .mx_ReplyChain {
-    margin: 0; // Reset default blockquote margin
+    margin: 0; /* Reset default blockquote margin */
     padding-left: 10px;
     border-left: 2px solid var(--username-color);
     border-radius: 2px;

res/css/views/elements/_Slider.pcss

@@ -24,7 +24,7 @@ limitations under the License.
         appearance: none;
         width: 100%;
         background: none;
-        font-size: 1em; // set base multiplier for em units applied later
+        font-size: 1em; /* set base multiplier for em units applied later */
 
         --active-color: $accent;
         --selection-dot-size: 2.4em;
@@ -114,7 +114,7 @@ limitations under the License.
         left: 50%;
         transform: translateX(-50%);
 
-        font-size: 1em; // set base multiplier for em units applied later
+        font-size: 1em; /* set base multiplier for em units applied later */
         text-align: center;
         top: 3em;
 

res/css/views/right_panel/_BaseCard.pcss

@@ -158,9 +158,9 @@ limitations under the License.
 .mx_BaseCard_close {
     flex-shrink: 0;
     position: relative;
-    // @TODO(kerrya) background colours here are not semantic
-    // these buttons to be replaced with IconButton after secondary variant is added
-    // https://github.com/vector-im/compound/issues/279
+    /* @TODO(kerrya) background colours here are not semantic
+       these buttons to be replaced with IconButton after secondary variant is added
+       https://github.com/vector-im/compound/issues/279 */
     background-color: var(--cpd-color-bg-subtle-secondary);
     width: var(--BaseCard_header-button-size);
     height: var(--BaseCard_header-button-size);

res/css/views/right_panel/_UserInfo.pcss

@@ -133,7 +133,7 @@ limitations under the License.
             line-height: $font-25px;
             flex: 1;
             justify-content: center;
-            // We reverse things here so for accessible technologies the name comes before the e2e shield
+            /* We reverse things here so for accessible technologies the name comes before the e2e shield */
             flex-direction: row-reverse;
 
             span {

res/css/views/rooms/_EventBubbleTile.pcss

@@ -355,12 +355,12 @@ limitations under the License.
         .mx_EventTile_e2eIcon {
             flex-shrink: 0; /* keep it at full size */
 
-            // Keep height equal to text for shield alignment, additional 2px because of 1px padding on text
+            /* Keep height equal to text for shield alignment, additional 2px because of 1px padding on text */
             height: calc($font-18px + 2px);
         }
 
         .mx_MPollEndBody {
-            // Prevent the poll end body from exceeding the tile width
+            /* Prevent the poll end body from exceeding the tile width */
             width: 100%;
         }
     }

res/css/views/rooms/_EventTile.pcss

@@ -488,7 +488,7 @@ $left-gutter: 64px;
         .mx_EventTile_e2eIcon {
             inset: 0 0 0 44px;
 
-            // Keep height equal to text for alignment
+            /* Keep height equal to text for alignment */
             height: var(--EventTile_group_line-line-height);
             margin: 1px;
         }
@@ -701,11 +701,11 @@ $left-gutter: 64px;
             background-color: $inlinecode-background-color;
             border: 1px solid $inlinecode-border-color;
             border-radius: 4px;
-            // The horizontal padding is added by gfm.css .markdown-body
+            /* The horizontal padding is added by gfm.css .markdown-body */
             padding: $spacing-2 0;
-            // Avoid inline code blocks to be sticked when on multiple lines
+            /* Avoid inline code blocks to be sticked when on multiple lines */
             line-height: $font-22px;
-            // Avoid the border to be glued to the other words
+            /* Avoid the border to be glued to the other words */
             margin-right: $spacing-2;
         }
 
@@ -792,7 +792,7 @@ $left-gutter: 64px;
 .mx_EventTile_spoiler {
     cursor: pointer;
 
-    // clear button styles
+    /* clear button styles */
     appearance: none;
     background: none;
     border: none;
@@ -852,17 +852,17 @@ $left-gutter: 64px;
     }
 
     &.mx_EventTile_e2eIcon_warning::after {
-        mask-image: url("$(res)/img/e2e/warning.svg"); // (!) in a shield
-        background-color: $e2e-warning-color; // red
+        mask-image: url("$(res)/img/e2e/warning.svg"); /* (!) in a shield */
+        background-color: $e2e-warning-color; /* red */
     }
 
     &.mx_EventTile_e2eIcon_normal::after {
-        mask-image: url("$(res)/img/e2e/normal.svg"); // regular shield
-        background-color: $header-panel-text-primary-color; // grey
+        mask-image: url("$(res)/img/e2e/normal.svg"); /* regular shield */
+        background-color: $header-panel-text-primary-color; /* grey */
     }
 
     &.mx_EventTile_e2eIcon_decryption_failure::after {
-        mask-image: url("$(res)/img/e2e/decryption-failure.svg"); // key in a circle
+        mask-image: url("$(res)/img/e2e/decryption-failure.svg"); /* key in a circle */
         background-color: $secondary-content;
     }
 }

res/css/views/rooms/_ReadReceiptGroup.pcss

@@ -55,7 +55,9 @@ limitations under the License.
             width: 14px;
             height: 14px;
             will-change: left, top;
-            transition: left var(--transition-short) ease-out, top var(--transition-standard) ease-out;
+            transition:
+                left var(--transition-short) ease-out,
+                top var(--transition-standard) ease-out;
         }
     }
 }
@@ -109,7 +111,7 @@ limitations under the License.
                 margin: 6px 8px;
                 align-self: center;
                 justify-self: center;
-                flex-shrink: 0; // Long names should not shrink the picture
+                flex-shrink: 0; /* Long names should not shrink the picture */
             }
 
             .mx_ReadReceiptGroup_name {

res/css/views/rooms/_ReplyTile.pcss

@@ -37,7 +37,9 @@ limitations under the License.
         color: $secondary-content;
         transition: color ease 0.15s;
         gap: 2px;
-        max-width: 100%; // avoid overflow with wide content
+        max-width: 100%;
+
+        // avoid overflow with wide content
 
         &:hover {
             color: $primary-content;
@@ -112,7 +114,7 @@ limitations under the License.
         grid-template:
             "sender        message" auto
             / max-content auto;
-        gap: 4px; // increase spacing
+        gap: 4px; /* increase spacing */
     }
 
     .mx_ReplyTile_sender {
@@ -124,18 +126,18 @@ limitations under the License.
         .mx_DisambiguatedProfile {
             font: var(--cpd-font-body-md-regular);
 
-            display: inline-block; // anti-zalgo, with overflow hidden
+            display: inline-block; /* anti-zalgo, with overflow hidden */
             padding: 0;
             margin: 0;
 
-            // truncate long display names
+            /* truncate long display names */
             overflow: hidden;
             white-space: nowrap;
             text-overflow: ellipsis;
         }
 
         .mx_BaseAvatar {
-            line-height: 14px; // To match size
+            line-height: 14px; /* To match size */
         }
     }
 }

res/css/views/rooms/_RoomHeader.pcss

@@ -28,7 +28,7 @@ limitations under the License.
 }
 
 .mx_RoomHeader_infoWrapper {
-    // unset button styles
+    /* unset button styles */
     background: unset;
     border: unset;
     flex: 1;

res/css/views/rooms/wysiwyg_composer/components/_Editor.pcss

@@ -46,8 +46,8 @@ limitations under the License.
         p {
             margin-top: 0;
             margin-bottom: 0;
-            // this may seem redundant, but we need to handle zero content formatting tags, which occur when we split a
-            // formatting tag into paragraphs
+            /* this may seem redundant, but we need to handle zero content formatting tags, which occur when we split a
+               formatting tag into paragraphs */
             min-height: $font-22px;
         }
 

res/css/views/settings/_Notifications.pcss

@@ -61,11 +61,11 @@ limitations under the License.
     font: var(--cpd-font-body-sm-semibold);
 }
 .mx_UserNotifSettings_gridRowError {
-    // occupy full row
+    /* occupy full row */
     grid-column: 1/-1;
     justify-self: start;
     padding-right: 30%;
-    // collapse half of the grid-gap
+    /* collapse half of the grid-gap */
     margin-top: -$spacing-4;
 }
 

res/css/views/settings/tabs/user/_AppearanceUserSettingsTab.pcss

@@ -16,7 +16,6 @@ limitations under the License.
 
 .mx_Field.mx_AppearanceUserSettingsTab_checkboxControlledField {
     width: 256px;
-    // matches checkbox box + padding
-    // to align with checkbox label
+    /* matches checkbox box + padding to align with checkbox label */
     margin-inline-start: calc($font-16px + 10px);
 }

res/css/views/settings/tabs/user/_SidebarUserSettingsTab.pcss

@@ -24,7 +24,7 @@ limitations under the License.
 
 .mx_SidebarUserSettingsTab_checkbox {
     margin-bottom: $spacing-8;
-    // override checkbox styles˚
+    /* override checkbox styles */
     label {
         align-items: flex-start !important;
     }