Add user status on user profile icon (#33653)

* Add user status on user profile icon

Currently unstyled & no tests

* Style the user status icon

* Update snapshot

for avatar wrapper

* More snapshot updates

* add if braces

* Split out user status functions

to avoid circular dep which has the weird effect of just breaking
jest's mocking.

* type imports

* Update imports

* Update snapshot

* Tests

* baseline image

* Just snapshot the component itself

---------

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

apps/web/test/unit-tests/hooks/useUserStatus-test.tsx

@@ -9,10 +9,11 @@ import React from "react";
 import { renderHook, waitFor } from "jest-matrix-react";
 import { ClientEvent } from "matrix-js-sdk/src/matrix";
 
-import { useUserStatus, userStatusTextWithinMaxLength } from "../../../src/hooks/useUserStatus";
+import { useUserStatus } from "../../../src/hooks/useUserStatus";
 import { getMockClientWithEventEmitter, mockClientMethodsUser, mockClientMethodsServer } from "../../test-utils";
 import { MatrixClientContextProvider } from "../../../src/components/structures/MatrixClientContextProvider";
 import SettingsStore from "../../../src/settings/SettingsStore";
+import { userStatusTextWithinMaxLength } from "../../../src/utils/userStatus";
 
 const userId = "@alice:example.com";