Integrate @vector-im/compound-web (#11354)

* Create useRoomName hook

Mark RoomName component as deprecated

* Pass out-of-band data to relevant RoomHeader component

* Mark LegacyRoomHeader as deprecated

* Fix incorrect search&replace in _RoomHeader.pcss

* lintfix

* Mark room as optional in room topic hook

* Fix i18n

* Discard use of useCallback

* Change export of useRoomName

* fix ts issue

* lints

* Add room topic to room header

* lintfix

* lintfix & clamp to one line

* Revert optimisations to DecoratedRoomAvatar

* Add test for opening the room summary

* Make transition honour prefer-reduced-motion

* Integrate @vector-im/compound-web

* Use compound type styles

* Use latest version of @vector-im/compound-web

* Change component name

* Fallback when room is undefined

* fix snapshot

test/components/views/rooms/__snapshots__/RoomHeader-test.tsx.snap

@@ -31,9 +31,9 @@ exports[`Roomeader renders with no props 1`] = `
     >
       <div
         aria-level="1"
-        class="mx_RoomHeader_name"
         dir="auto"
         role="heading"
+        style="font: var(--cpd-font-body-lg-semibold); letter-spacing: var(--cpd-font-letter-spacing-body-lg);"
         title="Join Room"
       >
         Join Room