Use context provided RoomViewStore within the RoomView component hierarchy (#31077)

* Update ContentMessages.ts

Update ContentMessages.ts

* update PlaybackQueue.ts

* Update SpaceHierarchy.tsx

* Update ThreadView.tsx

* Update RoomCallBanner.tsx

* Update useRoomCall.tsx

* Update DateSeparator.tsx

* Update TimelineCard.tsx

* Update UserInfoBasicOptions

* Update slask-commands/utils.ts

* lint

* Update PlaybackQueue, MVoiceMessageBody and UserInfoBasicOptionsView tests.

* Update RoomHeader-test.tsx

* lint

* Add ts docs

* Update utils-test.tsx

* Update message-test.ts

* coverage

* lint

* Improve naming

---------

Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>

test/unit-tests/components/views/dialogs/SlashCommandHelpDialog-test.tsx

@@ -0,0 +1,90 @@
+/*
+Copyright 2025 New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import React from "react";
+import { render, screen } from "jest-matrix-react";
+
+import SlashCommandHelpDialog from "../../../../../src/components/views/dialogs/SlashCommandHelpDialog";
+import { stubClient } from "../../../../test-utils";
+import { Command } from "../../../../../src/slash-commands/command";
+import { CommandCategories } from "../../../../../src/slash-commands/interface";
+import { _t, _td } from "../../../../../src/languageHandler";
+import * as SlashCommands from "../../../../../src/SlashCommands";
+
+describe("SlashCommandHelpDialog", () => {
+    const roomId = "!room:server";
+
+    beforeEach(() => {
+        stubClient();
+    });
+
+    it("should filter out disabled commands", () => {
+        // Create commands with some enabled and some disabled
+        const enabledCommand = new Command({
+            command: "enabled",
+            args: "<arg>",
+            description: _td("slash_command|spoiler"),
+            runFn: jest.fn(),
+            category: CommandCategories.messages,
+            isEnabled: () => true,
+        });
+
+        const disabledCommand = new Command({
+            command: "disabled",
+            args: "<arg>",
+            description: _td("slash_command|shrug"),
+            runFn: jest.fn(),
+            category: CommandCategories.messages,
+            isEnabled: () => false,
+        });
+
+        // Mock the Commands array by replacing the property
+        Object.defineProperty(SlashCommands, "Commands", {
+            value: [enabledCommand, disabledCommand],
+            configurable: true,
+        });
+
+        const onFinished = jest.fn();
+        render(<SlashCommandHelpDialog roomId={roomId} onFinished={onFinished} />);
+
+        // The enabled command should be visible
+        expect(screen.getByText("/enabled")).toBeInTheDocument();
+
+        // The disabled command should not be visible
+        expect(screen.queryByText("/disabled")).not.toBeInTheDocument();
+    });
+
+    it("should group commands by category", () => {
+        const messageCommand = new Command({
+            command: "msg",
+            args: "",
+            description: _td("slash_command|plain"),
+            runFn: jest.fn(),
+            category: CommandCategories.messages,
+        });
+
+        const adminCommand = new Command({
+            command: "admin",
+            args: "",
+            description: _td("slash_command|upgraderoom"),
+            runFn: jest.fn(),
+            category: CommandCategories.admin,
+        });
+
+        Object.defineProperty(SlashCommands, "Commands", {
+            value: [messageCommand, adminCommand],
+            configurable: true,
+        });
+
+        const onFinished = jest.fn();
+        render(<SlashCommandHelpDialog roomId={roomId} onFinished={onFinished} />);
+
+        // Both category headers should be present
+        expect(screen.getByText(_t(CommandCategories.messages))).toBeInTheDocument();
+        expect(screen.getByText(_t(CommandCategories.admin))).toBeInTheDocument();
+    });
+});