[chore] Refactor settings panel routing (and other fixes) (#2864)

web/source/settings/components/account-list.tsx

@@ -64,11 +64,11 @@ export function AccountList({
 
 	return (
 		<div className="list">
-			{data.map(({ account: acc }) => (		
+			{data.map(({ account: acc }) => (
 				<Link
 					key={acc.acct}
 					className="account entry"
-					href={`/settings/admin/accounts/${acc.id}`}
+					href={`/${acc.id}`}
 				>
 					{acc.display_name?.length > 0
 						? acc.display_name
@@ -79,4 +79,4 @@ export function AccountList({
 			))}
 		</div>
 	);
-}
+}

web/source/settings/components/back-button.jsx

@@ -17,13 +17,11 @@
 	along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-const React = require("react");
-const { Link } = require("wouter");
+import React from "react";
+import { Link } from "wouter";
 
-module.exports = function BackButton({ to }) {
+export default function BackButton({ to }) {
 	return (
-		<Link to={to}>
-			<a className="button">&lt; back</a>
-		</Link>
+		<Link className="button" to={to}>&lt; back</Link>
 	);
-};
+}