Run prettier on all files.

src/components/common/user/UserHeader.tsx

@@ -1,75 +1,84 @@
-import Tooltip from "../Tooltip";
-import { User } from "revolt.js";
-import UserIcon from "./UserIcon";
-import { Text } from "preact-i18n";
-import Header from "../../ui/Header";
-import UserStatus from './UserStatus';
-import styled from "styled-components";
-import { Localizer } from 'preact-i18n';
-import { Link } from "react-router-dom";
-import IconButton from "../../ui/IconButton";
 import { Cog } from "@styled-icons/boxicons-solid";
+import { Link } from "react-router-dom";
+import { User } from "revolt.js";
+import styled from "styled-components";
+
 import { openContextMenu } from "preact-context-menu";
+import { Text } from "preact-i18n";
+import { Localizer } from "preact-i18n";
+
 import { isTouchscreenDevice } from "../../../lib/isTouchscreenDevice";
+
 import { useIntermediate } from "../../../context/intermediate/Intermediate";
 
+import Header from "../../ui/Header";
+import IconButton from "../../ui/IconButton";
+
+import Tooltip from "../Tooltip";
+import UserIcon from "./UserIcon";
+import UserStatus from "./UserStatus";
+
 const HeaderBase = styled.div`
-    gap: 0;
-    flex-grow: 1;
-    min-width: 0;
-    display: flex;
-    flex-direction: column;
-    
-    * {
-        min-width: 0;
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-    }
+	gap: 0;
+	flex-grow: 1;
+	min-width: 0;
+	display: flex;
+	flex-direction: column;
 
-    .username {
-        cursor: pointer;
-        font-size: 16px;
-        font-weight: 600;
-    }
+	* {
+		min-width: 0;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
 
-    .status {
-        cursor: pointer;
-        font-size: 12px;
-        margin-top: -2px;
-    }
+	.username {
+		cursor: pointer;
+		font-size: 16px;
+		font-weight: 600;
+	}
+
+	.status {
+		cursor: pointer;
+		font-size: 12px;
+		margin-top: -2px;
+	}
 `;
 
 interface Props {
-    user: User
+	user: User;
 }
 
 export default function UserHeader({ user }: Props) {
-    const { writeClipboard } = useIntermediate();
+	const { writeClipboard } = useIntermediate();
 
-    return (
-        <Header borders placement="secondary">
-            <HeaderBase>
-                <Localizer>
-                    <Tooltip content={<Text id="app.special.copy_username" />}>
-                        <span className="username"
-                            onClick={() => writeClipboard(user.username)}>
-                            @{user.username}
-                        </span>
-                    </Tooltip>
-                </Localizer>
-                <span className="status"
-                    onClick={() => openContextMenu("Status")}>
-                    <UserStatus user={user} />
-                </span>
-            </HeaderBase>
-            { !isTouchscreenDevice && <div className="actions">
-                <Link to="/settings">
-                    <IconButton>
-                        <Cog size={24} />
-                    </IconButton>
-                </Link>
-            </div> }
-        </Header>
-    )
+	return (
+		<Header borders placement="secondary">
+			<HeaderBase>
+				<Localizer>
+					<Tooltip content={<Text id="app.special.copy_username" />}>
+						<span
+							className="username"
+							onClick={() => writeClipboard(user.username)}>
+							@{user.username}
+						</span>
+					</Tooltip>
+				</Localizer>
+				<span
+					className="status"
+					onClick={() => openContextMenu("Status")}>
+					<UserStatus user={user} />
+				</span>
+			</HeaderBase>
+			{!isTouchscreenDevice && (
+				<div className="actions">
+					<Link to="/settings">
+						<IconButton>
+							<Cog size={24} />
+						</IconButton>
+					</Link>
+				</div>
+			)}
+		</Header>
+	);
 }