Delete groups (legacy communities system) (#8027)

* Remove deprecated feature_communities_v2_prototypes

* Update _components

* i18n

* delint

* Cut out a bit more dead code

* Carve into legacy components

* Carve into mostly the room list code

* Carve into instances of "groupId"

* Carve out more of what comes up with "groups"

* Carve out some settings

* ignore related groups state

* Remove instances of spacesEnabled

* Fix some obvious issues

* Remove now-unused css

* Fix variable naming for legacy components

* Update i18n

* Misc cleanup from manual review

* Update snapshot for changed flag

* Appease linters

* rethemedex

* Remove now-unused AddressPickerDialog

* Make ConfirmUserActionDialog's member a required prop

* Remove useless override from RightPanelStore

* Remove extraneous CSS

* Update i18n

* Demo: "Communities are now Spaces" landing page

* Restore linkify for group IDs

* Demo: Dialog on click for communities->spaces notice

* i18n for demos

* i18n post-merge

* Update copy

* Appease the linter

* Post-merge cleanup

* Re-add spaces_learn_more_url to the new SdkConfig place

* Round 1 of post-merge fixes

* i18n

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

src/components/views/avatars/GroupAvatar.tsx

@@ -1,66 +0,0 @@
-/*
-Copyright 2017, 2021 The Matrix.org Foundation C.I.C.
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import React from 'react';
-import { ResizeMethod } from 'matrix-js-sdk/src/@types/partials';
-
-import BaseAvatar from './BaseAvatar';
-import { replaceableComponent } from "../../../utils/replaceableComponent";
-import { mediaFromMxc } from "../../../customisations/Media";
-
-export interface IProps {
-        groupId?: string;
-        groupName?: string;
-        groupAvatarUrl?: string;
-        width?: number;
-        height?: number;
-        resizeMethod?: ResizeMethod;
-        onClick?: React.MouseEventHandler;
-}
-
-@replaceableComponent("views.avatars.GroupAvatar")
-export default class GroupAvatar extends React.Component<IProps> {
-    public static defaultProps = {
-        width: 36,
-        height: 36,
-        resizeMethod: 'crop',
-    };
-
-    getGroupAvatarUrl() {
-        if (!this.props.groupAvatarUrl) return null;
-        return mediaFromMxc(this.props.groupAvatarUrl).getThumbnailOfSourceHttp(
-            this.props.width,
-            this.props.height,
-            this.props.resizeMethod,
-        );
-    }
-
-    render() {
-        // extract the props we use from props so we can pass any others through
-        // should consider adding this as a global rule in js-sdk?
-        /* eslint @typescript-eslint/no-unused-vars: ["error", { "ignoreRestSiblings": true }] */
-        const { groupId, groupAvatarUrl, groupName, ...otherProps } = this.props;
-
-        return (
-            <BaseAvatar
-                name={groupName || this.props.groupId[1]}
-                idName={this.props.groupId}
-                url={this.getGroupAvatarUrl()}
-                {...otherProps}
-            />
-        );
-    }
-}