Expose SDKContext on the window & avoid using singleton store .instance (#34098)

* Expose SDKContextClass via window for debugging

* Remove stores from window if they are exposed via sdkContext

* Avoid usages of global store instance where React context is accessible

* Fix tests by adding SDKContext.Provider

* Fix tests by adding SDKContext.Provider

* Fix tests by adding SDKContext.Provider

* Fix tests by adding SDKContext.Provider

* Iterate

* Discard changes to apps/web/src/components/views/elements/AppTile.tsx

apps/web/test/unit-tests/components/views/spaces/QuickSettingsButton-test.tsx

@@ -14,12 +14,17 @@ import { mocked } from "jest-mock";
 import QuickSettingsButton from "../../../../../src/components/views/spaces/QuickSettingsButton";
 import SettingsStore from "../../../../../src/settings/SettingsStore";
 import { SDKContextClass } from "../../../../../src/contexts/SDKContextClass";
+import { SDKContext } from "../../../../../src/contexts/SDKContext.ts";
 
 describe("QuickSettingsButton", () => {
     const roomId = "!room:example.com";
 
     const renderQuickSettingsButton = () => {
-        render(<QuickSettingsButton isPanelCollapsed={true} />);
+        render(<QuickSettingsButton isPanelCollapsed={true} />, {
+            wrapper: ({ children }) => (
+                <SDKContext.Provider value={SDKContextClass.instance}>{children}</SDKContext.Provider>
+            ),
+        });
     };
 
     const getQuickSettingsButton = () => {
@@ -37,7 +42,11 @@ describe("QuickSettingsButton", () => {
     });
 
     it("should render the quick settings button in expanded mode", () => {
-        const { asFragment } = render(<QuickSettingsButton isPanelCollapsed={false} />);
+        const { asFragment } = render(<QuickSettingsButton isPanelCollapsed={false} />, {
+            wrapper: ({ children }) => (
+                <SDKContext.Provider value={SDKContextClass.instance}>{children}</SDKContext.Provider>
+            ),
+        });
         expect(asFragment()).toMatchSnapshot();
     });