feat: Add support for rotating camera streams (#2149)

* Closes #1307

src/scss/media-dimensions-container.scss

@@ -0,0 +1,22 @@
+:host,
+.outer {
+  display: flex;
+  width: 100%;
+  height: 100%;
+
+  justify-content: center;
+  align-items: center;
+}
+
+.inner {
+  display: block;
+
+  // The container will be sized by the provider resize controller, but don't
+  // allow the outer container to shrink or contain the inner (as we need to
+  // calculate the true intrinsic size, otherwise on landscape videos the
+  // rotated size will be incorrectly calculated).
+  flex-shrink: 0;
+}
+:host([rotated]) .inner {
+  transform: rotate(var(--advanced-camera-card-media-rotation, 0deg));
+}

src/scss/provider.scss

@@ -1,32 +1,8 @@
 @use 'media-background.scss';
+@use 'basic-block.scss';
 
-:host {
-  display: flex;
-  position: relative;
-
-  width: 100%;
-  height: 100%;
-
-  justify-content: center;
-  align-items: center;
-}
-
-.container {
+.zoom-wrapper {
   display: block;
-
-  // The container will be sized by the provider resize controller.
-  width: fit-content;
-  height: auto;
-  max-width: 100%;
-}
-
-:host([size='max']) > .container {
   width: 100%;
   height: 100%;
 }
-:host([size='max-height']) > .container {
-  height: 100%;
-}
-:host([size='max-width']) > .container {
-  width: 100%;
-}