Update RoomSummaryCard navigation links (#11812)

* Update RoomSummaryCard navigation links

* Fix tests

* remove unneeded test

* "@vector-im/compound-web": "0.8.0"

* Fix: search button no transition on hover

* Fix: disabled invite option is not reflected in UI

* test canInviteTo

* update snapshots for CW 0.8.1

* unit test inviteToRoom

* unit test tagRoom

* add member link to roomsummarycard when using legacy room header

* use onChange instead of onClick for ToggleMenuItem favourite room

* update selectors in cypress tests

* always show people menu item

* add hover style to close button

* add padding around room name

* prettier

---------

Co-authored-by: Kerry Archibald <kerrya@element.io>

test/components/views/rooms/LegacyRoomHeader-test.tsx

@@ -40,6 +40,7 @@ import {
     resetAsyncStoreWithClient,
     mockPlatformPeg,
     mkEvent,
+    filterConsole,
 } from "../../../test-utils";
 import { MatrixClientPeg } from "../../../../src/MatrixClientPeg";
 import DMRoomMap from "../../../../src/utils/DMRoomMap";
@@ -74,6 +75,10 @@ describe("LegacyRoomHeader", () => {
     let bob: RoomMember;
     let carol: RoomMember;
 
+    filterConsole(
+        "Age for event was not available, using `now - origin_server_ts` as a fallback. If the device clock is not correct issues might occur.",
+    );
+
     beforeEach(async () => {
         // some of our tests rely on the jest canvas mock, and `afterEach` will have reset the mock, so we need to
         // restore it.

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

@@ -48,7 +48,10 @@ import { Container, WidgetLayoutStore } from "../../../../src/stores/widgets/Wid
 jest.mock("../../../../src/utils/ShieldUtils");
 
 describe("RoomHeader", () => {
-    filterConsole("[getType] Room !1:example.org does not have an m.room.create event");
+    filterConsole(
+        "[getType] Room !1:example.org does not have an m.room.create event",
+        "Age for event was not available, using `now - origin_server_ts` as a fallback. If the device clock is not correct issues might occur.",
+    );
 
     let room: Room;
 

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

@@ -22,7 +22,7 @@ exports[`RoomHeader does not show the face pile for DMs 1`] = `
     >
       <div
         aria-level="1"
-        class="_font-body-lg-semibold_1jx6b_83 mx_RoomHeader_heading"
+        class="_typography_yh5dq_162 _font-body-lg-semibold_yh5dq_83 mx_RoomHeader_heading"
         dir="auto"
         role="heading"
       >