[frontend] Basic user moderation actions (#1728)

* remove info banner

* update swagger definition for AccountAction

* basic user view, suspend action

* clean up suspended user display

* basic user searching

* rename User -> Account for clarity

* refactor error boundary component to give better info

* appease the linter

web/source/settings/components/error.jsx

@@ -31,12 +31,14 @@ function ErrorFallback({ error, resetErrorBoundary }) {
 				<a href="https://matrix.to/#/#gotosocial-help:superseriousbusiness.org">Matrix support room</a>.
 				<br />Include the details below:
 			</p>
-			<pre>
-				{error.name}: {error.message}
-			</pre>
-			<pre>
-				{error.stack}
-			</pre>
+			<div className="details">
+				<pre>
+					{error.name}: {error.message}
+				</pre>
+				<pre>
+					{error.stack}
+				</pre>
+			</div>
 			<p>
 				<button onClick={resetErrorBoundary}>Try again</button> or <a href="">refresh the page</a>
 			</p>

web/source/settings/components/fake-profile.jsx

@@ -29,7 +29,7 @@ module.exports = function FakeProfile({ avatar, header, display_name, username,
 					<img src={header} alt={header ? `header image for ${username}` : "None set"} />
 				</div>
 				<div className="basic-info" aria-hidden="true">
-					<a className="avatar" href="{{.account.Avatar}}">
+					<a className="avatar" href={avatar}>
 						<img src={avatar} alt={avatar ? `avatar image for ${username}` : "None set"} />
 					</a>
 					<span className="displayname text-cutoff">
@@ -37,9 +37,9 @@ module.exports = function FakeProfile({ avatar, header, display_name, username,
 						<span className="sr-only">.</span>
 					</span>
 					<span className="username text-cutoff">@{username}</span>
-					{(role && role != "user") &&
-						<div className={`role ${role}`}>
-							<span className="sr-only">Role: </span>{role}
+					{(role && role.name != "user") &&
+						<div className={`role ${role.name}`}>
+							<span className="sr-only">Role: </span>{role.name}
 						</div>
 					}
 				</div>