Make shared-components tiles render identically outside Element Web - # 1 (#33418)

* Apply event presentation attributes to timeline previews and errors

* Make TextualEventView render the same in web and storybook

* Make TileErrorView render the same in app/web and storybook

* Updated snapshots

* Make it possible to view shared components with default app/web base styling.

* Adjust styling and add underline to pass tests

* Fix Sonar issue

* Rename base css to root css

* Handle font styling correctly

apps/web/res/css/views/messages/_TextualEvent.pcss

@@ -7,12 +7,8 @@ Please see LICENSE files in the repository root for full details.
 */
 
 .mx_TextualEvent {
-    overflow-y: hidden;
-    line-height: normal;
-
     a {
         color: $accent;
-        cursor: pointer;
     }
 
     .mx_RoomView_searchResultsPanel & {

apps/web/src/events/EventTileFactory.tsx

@@ -84,7 +84,7 @@ const LegacyCallEventFactory: Factory<FactoryProps & { callEventGrouper: LegacyC
 const CallEventFactory: Factory = (ref, props) => <CallEvent ref={ref} {...props} />;
 export const TextualEventFactory: Factory = (ref, props) => {
     const vm = new TextualEventViewModel(props);
-    return <TextualEventView vm={vm} />;
+    return <TextualEventView vm={vm} className="mx_TextualEvent" />;
 };
 function EncryptionEventWrappedView({ mxEvent, ref }: IBodyProps): JSX.Element {
     const cli = useMatrixClientContext();