Revert recent composer changes (#8840)

* Revert "Prevent new composer from overflowing from non-breakable text (#8829)"

This reverts commit 57dff8131c.

* Revert "Fix scroll jump issue with the composer (#8791)"

This reverts commit 5167521ea4.

* Revert "Fix scroll jump issue with the composer (#8788)"

This reverts commit f568a76dc6.

* Revert "Revert link color change in composer (#8784)"

This reverts commit aedbeb2995.

* Revert "Improve composer visiblity (#8578)"

This reverts commit f14374a51c.

src/components/views/messages/DisambiguatedProfile.tsx

@@ -28,14 +28,9 @@ interface IProps {
     onClick?(): void;
     colored?: boolean;
     emphasizeDisplayName?: boolean;
-    as?: string;
 }
 
 export default class DisambiguatedProfile extends React.Component<IProps> {
-    public static defaultProps = {
-        as: "div",
-    };
-
     render() {
         const { fallbackName, member, colored, emphasizeDisplayName, onClick } = this.props;
         const rawDisplayName = member?.rawDisplayName || fallbackName;
@@ -62,14 +57,13 @@ export default class DisambiguatedProfile extends React.Component<IProps> {
             [colorClass]: true,
         });
 
-        return React.createElement(this.props.as, {
-            className: "mx_DisambiguatedProfile",
-            onClick,
-        }, <>
-            <span className={displayNameClasses} dir="auto">
-                { rawDisplayName }
-            </span>
-            { mxidElement }
-        </>);
+        return (
+            <div className="mx_DisambiguatedProfile" onClick={onClick}>
+                <span className={displayNameClasses} dir="auto">
+                    { rawDisplayName }
+                </span>
+                { mxidElement }
+            </div>
+        );
     }
 }

src/components/views/messages/SenderProfile.tsx

@@ -27,17 +27,12 @@ import { MatrixClientPeg } from "../../../MatrixClientPeg";
 interface IProps {
     mxEvent: MatrixEvent;
     onClick?(): void;
-    as?: string;
 }
 
 export default class SenderProfile extends React.PureComponent<IProps> {
     public static contextType = MatrixClientContext;
     public context!: React.ContextType<typeof MatrixClientContext>;
 
-    public static defaultProps = {
-        as: "div",
-    };
-
     render() {
         const { mxEvent, onClick } = this.props;
         const msgtype = mxEvent.getContent().msgtype;
@@ -65,7 +60,6 @@ export default class SenderProfile extends React.PureComponent<IProps> {
                         member={member}
                         colored={true}
                         emphasizeDisplayName={true}
-                        as={this.props.as}
                     />
                 );
             } }