Move EventTile to shared components - #4b (#34565)

* Define the shared EventTile shell contract

* Create a functional shared shell skeleton

* Implement the thread rendering branch

* Implement notification and threads-list branches

* Implement file and default timeline branches

* Add shared stories and complete shell tests

* Adding state flags, stories and styling

* Correct DOM order for IRC branch

* Refine EventTileView Storybook shell and fixtures

* Fix the room story for modern layout

* Fix Bubble layout

* Fix IRC layout

* Fix ThreadsList and Thread

* Fix File and Notification

* Cleanup of stories and styling

* Fix lint errors

* Added baseline screenshots

* Rename to avoid knip errors

* Avoid the knip error

* Fix test fail on click

* Use separate div wrappers for slots instead of relying on cloning components.

* Renamed names for slot classes

* Changed to conditional state classes

* Change layout and shape variants to classes

* Clean up and reorder for better readability

* Fix Sonar issues

* Fix Sonar issues

apps/web/src/viewmodels/room/timeline/event-tile/EventTileViewModel.ts

@@ -268,9 +268,9 @@ export interface EventTileRootData {
     layout?: Layout;
     /** The timeline rendering mode exposed through `data-shape`. */
     shape: TimelineRenderingType;
-    /** Whether the event belongs to the current user, exposed through `data-self`. */
+    /** Whether the event belongs to the current user, exposed through `stateOwnEvent`. */
     isOwnEvent: boolean;
-    /** Whether EventTile renders a reply chain, exposed through `data-has-reply`. */
+    /** Whether EventTile renders a reply chain, exposed through `stateHasReply`. */
     hasReply: boolean;
 }