Refactor className and children to component properties instead och view model snapshots in shared components (#32711)

* Refactor className? to component property in EncryptionEventView

* Refactor extraClassNames to default react className as component property for DecryptionFailureBodyView

* Refactor className to component property for MessageTimestampView

* Refactor className and children to component properties for ReactionsRowButton

* Refactor className to component property for DisambiguatedProfile

* Refactor className to a component property in DateSeparatorView

* Fix for lint errors and EncryptionEventView unsupported icon color

* EncryptionEventView fix for icon color css specificity/order

apps/web/test/viewmodels/profile/DisambiguatedProfileViewModel-test.tsx

@@ -31,7 +31,6 @@ describe("DisambiguatedProfileViewModel", () => {
         expect(vm.getSnapshot()).toEqual({
             displayName: "Alice",
             colorClass: "mx_Username_color3",
-            className: undefined,
             displayIdentifier: "@alice:example.org",
             title: "Alice (@alice:example.org)",
             emphasizeDisplayName: true,
@@ -47,23 +46,12 @@ describe("DisambiguatedProfileViewModel", () => {
         expect(vm.getSnapshot()).toMatchObject({
             displayName: "Fallback",
             colorClass: undefined,
-            className: undefined,
             displayIdentifier: undefined,
             title: undefined,
             emphasizeDisplayName: undefined,
         });
     });
 
-    it("should pass through className prop", () => {
-        const vm = new DisambiguatedProfileViewModel({
-            member,
-            fallbackName: "Fallback",
-            className: "mx_DisambiguatedProfile",
-        });
-
-        expect(vm.getSnapshot().className).toBe("mx_DisambiguatedProfile");
-    });
-
     it("should delegate onClick without emitting a snapshot update", () => {
         const onClick = jest.fn();
         const vm = new DisambiguatedProfileViewModel({