Calling: mirror local video in PiP and lobby

stylesheets/_modules.scss

@@ -6403,6 +6403,12 @@ button.module-image__border-overlay:focus {
     width: 100%;
   }
 
+  &__video-on {
+    &__video {
+      transform: rotateY(180deg);
+    }
+  }
+
   &__video-off {
     &--icon {
       @include color-svg(
@@ -6454,6 +6460,7 @@ button.module-image__border-overlay:focus {
       height: 32px;
       position: absolute;
       right: 4px;
+      transform: rotateY(180deg);
       width: 32px;
     }
 

ts/components/CallingLobby.tsx

@@ -126,7 +126,11 @@ export const CallingLobby = ({
 
       <div className="module-calling-lobby__video">
         {hasLocalVideo && availableCameras.length > 0 ? (
-          <video ref={localVideoRef} autoPlay />
+          <video
+            className="module-calling-lobby__video-on__video"
+            ref={localVideoRef}
+            autoPlay
+          />
         ) : (
           <CallBackgroundBlur avatarPath={me.avatarPath} color={me.color}>
             <div className="module-calling-lobby__video-off--icon" />