Shared Components Restructure, Cherry Picked | Room Shell Structure (#32917)

* refactor(shared-components): move composer and right-panel tree

* refactor: cleanup remaining structure leftovers

* test(shared-components): add room shell visual baselines

* Correct Path

packages/shared-components/src/index.ts

@@ -10,7 +10,7 @@ export * from "./audio/Clock";
 export * from "./audio/PlayPauseButton";
 export * from "./audio/SeekBar";
 export * from "./core/AvatarWithDetails";
-export * from "./composer/Banner";
+export * from "./room/composer/Banner";
 export * from "./crypto/SasEmoji";
 export * from "./event-tiles/UrlPreviewGroupView";
 export * from "./room/timeline/ReadMarker";
@@ -25,6 +25,7 @@ export * from "./core/pill-input/PillInput";
 export * from "./room/RoomStatusBar";
 export * from "./room/WidgetPip";
 export * from "./room/HistoryVisibilityBadge";
+export * from "./room/right-panel/WidgetContextMenuView";
 export * from "./room/timeline/DateSeparatorView";
 export * from "./room/timeline/TimelineSeparator";
 export * from "./room/timeline/event-tile/actions/ActionBarView";
@@ -53,7 +54,6 @@ export * from "./room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrap
 export * from "./core/utils/Box";
 export * from "./core/utils/Flex";
 export * from "./core/utils/LinkedText";
-export * from "./right-panel/WidgetContextMenu";
 export * from "./core/VirtualizedList";
 export * from "./resize";
 

packages/shared-components/src/room/RoomStatusBar/RoomStatusBarView.tsx

@@ -12,7 +12,7 @@ import { Button, InlineSpinner, Text } from "@vector-im/compound-web";
 import styles from "./RoomStatusBarView.module.css";
 import { type ViewModel, useViewModel } from "../../core/viewmodel";
 import { useI18n } from "../../core/i18n/i18nContext";
-import { Banner } from "../../composer/Banner";
+import { Banner } from "../composer/Banner";
 export interface RoomStatusBarViewActions {
     /**
      * Called when the user clicks on the 'resend all' button in the 'unsent messages' bar.

packages/shared-components/src/room/composer/Banner/Banner.tsx

@@ -20,7 +20,7 @@ import ErrorIcon from "@vector-im/compound-design-tokens/assets/web/icons/error"
 import InfoIcon from "@vector-im/compound-design-tokens/assets/web/icons/info";
 
 import styles from "./Banner.module.css";
-import { _t } from "../../core/i18n/i18n";
+import { _t } from "../../../core/i18n/i18n";
 
 interface BannerProps {
     /**

packages/shared-components/src/room/right-panel/WidgetContextMenuView/WidgetContextMenuView.stories.tsx

@@ -16,8 +16,8 @@ import {
     type WidgetContextMenuViewSnapshot,
     WidgetContextMenuView,
 } from "./WidgetContextMenuView";
-import { useMockedViewModel } from "../../core/viewmodel/useMockedViewModel";
-import { withViewDocs } from "../../../.storybook/withViewDocs";
+import { useMockedViewModel } from "../../../core/viewmodel/useMockedViewModel";
+import { withViewDocs } from "../../../../.storybook/withViewDocs";
 
 type WidgetContextMenuViewModelProps = WidgetContextMenuViewSnapshot & WidgetContextMenuViewActions;
 

packages/shared-components/src/room/right-panel/WidgetContextMenuView/WidgetContextMenuView.test.tsx

@@ -19,9 +19,9 @@ import {
     WidgetContextMenuView,
 } from "./WidgetContextMenuView";
 import * as stories from "./WidgetContextMenuView.stories.tsx";
-import { MockViewModel } from "../../core/viewmodel/MockViewModel.ts";
-import { I18nApi } from "../../core/i18n/I18nApi.ts";
-import { I18nContext } from "../../core/i18n/i18nContext.ts";
+import { MockViewModel } from "../../../core/viewmodel/MockViewModel.ts";
+import { I18nApi } from "../../../core/i18n/I18nApi.ts";
+import { I18nContext } from "../../../core/i18n/i18nContext.ts";
 
 const { Default, OnlyBasicModification } = composeStories(stories);
 

packages/shared-components/src/room/right-panel/WidgetContextMenuView/WidgetContextMenuView.tsx

@@ -9,9 +9,9 @@ import React, { type ReactNode, type JSX } from "react";
 import { IconButton, Menu, MenuItem } from "@vector-im/compound-web";
 import TriggerIcon from "@vector-im/compound-design-tokens/assets/web/icons/overflow-horizontal";
 
-import { type ViewModel } from "../../core/viewmodel/ViewModel.ts";
-import { useI18n } from "../../core/i18n/i18nContext.ts";
-import { useViewModel } from "../../core/viewmodel/useViewModel.ts";
+import { type ViewModel } from "../../../core/viewmodel/ViewModel.ts";
+import { useI18n } from "../../../core/i18n/i18nContext.ts";
+import { useViewModel } from "../../../core/viewmodel/useViewModel.ts";
 
 export interface WidgetContextMenuViewSnapshot {
     /**