Format and automatically fix linted code.

src/components/common/user/UserHover.tsx

@@ -1,14 +1,15 @@
 import { InfoCircle } from "@styled-icons/boxicons-regular";
-import { Children } from "../../../types/Preact";
-import { Username } from "./UserShort";
-import styled from "styled-components";
-import UserStatus from "./UserStatus";
-import Tooltip from "../Tooltip";
 import { User } from "revolt.js";
+import styled from "styled-components";
+
+import { Children } from "../../../types/Preact";
+import Tooltip from "../Tooltip";
+import { Username } from "./UserShort";
+import UserStatus from "./UserStatus";
 
 interface Props {
-    user?: User,
-    children: Children
+    user?: User;
+    children: Children;
 }
 
 const Base = styled.div`
@@ -38,16 +39,18 @@ const Base = styled.div`
 
 export default function UserHover({ user, children }: Props) {
     return (
-        <Tooltip placement="right-end" content={
-            <Base>
-                <Username className="username" user={user} />
-                <span className="status">
-                    <UserStatus user={user} />
-                </span>
-                {/*<div className="tip"><InfoCircle size={13}/>Right-click on the avatar to access the quick menu</div>*/}
-            </Base>
-        }>
-            { children }
+        <Tooltip
+            placement="right-end"
+            content={
+                <Base>
+                    <Username className="username" user={user} />
+                    <span className="status">
+                        <UserStatus user={user} />
+                    </span>
+                    {/*<div className="tip"><InfoCircle size={13}/>Right-click on the avatar to access the quick menu</div>*/}
+                </Base>
+            }>
+            {children}
         </Tooltip>
-    )
+    );
 }