Redesign widget pip and move into shared component (#32654)

* redesign widget pip and move into shared component

* fix onBackClick handler

* fix ci

* Update README.md prepare -> prepack

* add vm tests

* Update WidgetPipView.stories.tsx

* fix tests

* playwright tests

* fix test id

* remove unused files (reappeared after rebase)

* update storybook screenshot tests

* update playwright tests

* adjust padding

* review

* comment and docstring corrections

* fix imports and `this.props`

* fix double `complementary` item

* add WidgetPipView tests and revmoe `setViewingRoom` from
WidgetPipViewModelInterface.

* add doc sting to `setViewingRoom`

* Update RoomStatusBarView.test.tsx

* fix copyright

* Update RoomView-test.tsx.snap

* revert accidental Copyright year changes

* update snapshot RoomView-test

apps/web/res/css/views/rooms/_AppsDrawer.pcss

@@ -7,10 +7,6 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-:root {
-    --AppTile_mini-height: 220px;
-}
-
 .mx_AppsDrawer {
     --minWidth: 240px; /* TODO this should be 300px but that's too large */
 
@@ -168,11 +164,11 @@ Please see LICENSE files in the repository root for full details.
 
 .mx_AppTile_mini {
     width: 100%;
+    height: 100%;
     margin: 0;
     padding: 0;
     display: flex;
     flex-direction: column;
-    height: var(--AppTile_mini-height);
 }
 
 .mx_AppTile .mx_AppTile_persistedWrapper,
@@ -276,8 +272,8 @@ Please see LICENSE files in the repository root for full details.
     &.mx_AppTileBody--large,
     &.mx_AppTileBody--mini {
         width: 100%;
+        height: 100%;
         overflow: hidden;
-        height: var(--AppTileBody-height);
 
         iframe {
             border: none;
@@ -299,10 +295,6 @@ Please see LICENSE files in the repository root for full details.
         }
     }
 
-    &.mx_AppTileBody--mini {
-        --AppTileBody-height: var(--AppTile_mini-height);
-    }
-
     &.mx_AppTileBody--loading {
         display: flex;
         flex-direction: column;