Bun lint

src/front/components/Lanyard/index.tsx

@@ -1,8 +1,7 @@
 import { highlightElement } from "@speed-highlight/core";
 import { createRef } from "tsx-dom";
-import socket from "../../utilities/socket";
-
 import colors from "../../colors.module.css";
+import socket from "../../utilities/socket";
 
 const activityTypes: Record<number, string> = {
 	0: "Playing",

src/front/components/pages/About/index.module.css

@@ -8,7 +8,7 @@
 
 .card {
 	width: 90%;
-    padding: .5rem;
+	padding: 0.5rem;
 	display: flex;
 	justify-content: center;
 	align-items: center;

src/front/components/pages/About/index.tsx

@@ -4,18 +4,14 @@ import "mdui/components/avatar";
 import "mdui/components/segmented-button-group";
 import "mdui/components/segmented-button";
 
+import colors from "../../../colors.module.css";
 import Hyperate from "../../Hyperate";
 import Lanyard from "../../Lanyard";
-
 import styles from "./index.module.css";
-import colors from "../../../colors.module.css";
-
 
 export default () => {
 	return (
-		<div
-			class={styles.container}
-		>
+		<div class={styles.container}>
 			<mdui-card
 				// @ts-expect-error; variant is not in the types for some reason?
 				variant="filled"
@@ -38,9 +34,7 @@ export default () => {
 				</p>
 			</mdui-card>
 
-			<br
-				class={styles.lanyard}
-			/>
+			<br class={styles.lanyard} />
 
 			<mdui-card
 				// @ts-expect-error; variant is not in the types for some reason?
@@ -50,9 +44,7 @@ export default () => {
 				<Lanyard />
 			</mdui-card>
 
-			<br
-				class={styles.hyperate}
-			/>
+			<br class={styles.hyperate} />
 
 			<mdui-card
 				// @ts-expect-error; variant is not in the types for some reason?

src/front/index.css

@@ -31,8 +31,7 @@ body {
 	max-width: min(100%, 100vw);
 	margin: 10px 0;
 	padding: 30px 20px;
-	font:
-		18px / 24px monospace;
+	font: 18px / 24px monospace;
 	box-shadow: 0 0 5px #0001;
 
 	:before {
@@ -59,7 +58,6 @@ body {
 	color: #ff5261;
 }
 
-
 .shj-syn-str {
 	color: #4dacfa;
 }

types/css.d.ts

@@ -1,6 +1,6 @@
-declare module '*.module.css' {
+declare module "*.module.css" {
 	const styles: {
-        readonly [key: string]: string
-    }
-    export default styles
+		readonly [key: string]: string;
+	};
+	export default styles;
 }