chore: fix formatting

Author: Miodec

frontend/src/ts/components/pages/test/Keymap.tsx

@@ -99,7 +99,7 @@ function KeyboardDefinitionRenderer(props: {
 }) {
   return (
     <div
-      class="w-fit xxs:zoom-(--kb-zoom-xxs) xs:zoom-(--kb-zoom-xs) sm:zoom-(--kb-zoom-sm) md:zoom-(--kb-zoom-md) lg:zoom-(--kb-zoom-lg) xl:zoom-(--kb-zoom-xl) 2xl:zoom-(--kb-zoom-2xl)"
+      class="xxs:zoom-(--kb-zoom-xxs) xs:zoom-(--kb-zoom-xs) sm:zoom-(--kb-zoom-sm) md:zoom-(--kb-zoom-md) lg:zoom-(--kb-zoom-lg) xl:zoom-(--kb-zoom-xl) 2xl:zoom-(--kb-zoom-2xl) w-fit"
       style={{
         "--kb-zoom-xxs": Math.min(getConfig.keymapSize, 0.5),
         "--kb-zoom-xs": Math.min(getConfig.keymapSize, 0.7),

frontend/storybook/stories/AccountXpBar.stories.tsx

@@ -1,8 +1,9 @@
 import type { XpBreakdown } from "@monkeytype/schemas/results";
 
-import preview from "#.storybook/preview";
 import { onMount } from "solid-js";
 
+import preview from "#.storybook/preview";
+
 import { AccountXpBar } from "../../src/ts/components/layout/header/AccountXpBar";
 import { setXpBarData, setAnimatedLevel } from "../../src/ts/states/header";
 

frontend/storybook/stories/Anime.stories.tsx

@@ -1,7 +1,8 @@
-import preview from "#.storybook/preview";
 import { AnimationParams } from "animejs";
 import { Component, createSignal } from "solid-js";
 
+import preview from "#.storybook/preview";
+
 import { Anime } from "../../src/ts/components/common/anime/Anime";
 
 const meta = preview.meta({

frontend/storybook/stories/AnimeGroup.stories.tsx

@@ -1,7 +1,8 @@
-import preview from "#.storybook/preview";
 import { AnimationParams } from "animejs";
 import { Component, createSignal, For } from "solid-js";
 
+import preview from "#.storybook/preview";
+
 import { AnimeGroup } from "../../src/ts/components/common/anime/AnimeGroup";
 
 const meta = preview.meta({

frontend/storybook/stories/AnimePresence.stories.tsx

@@ -1,7 +1,8 @@
-import preview from "#.storybook/preview";
 import { AnimationParams } from "animejs";
 import { Component, createSignal, For, Show } from "solid-js";
 
+import preview from "#.storybook/preview";
+
 import { Anime } from "../../src/ts/components/common/anime/Anime";
 import { AnimePresence } from "../../src/ts/components/common/anime/AnimePresence";
 

frontend/storybook/stories/AnimeSwitch.stories.tsx

@@ -1,6 +1,7 @@
-import preview from "#.storybook/preview";
 import { Component, createSignal } from "solid-js";
 
+import preview from "#.storybook/preview";
+
 import { AnimeMatch } from "../../src/ts/components/common/anime/AnimeMatch";
 import { AnimeSwitch } from "../../src/ts/components/common/anime/AnimeSwitch";
 

frontend/storybook/stories/AsyncContent.stories.tsx

@@ -1,10 +1,11 @@
-import preview from "#.storybook/preview";
 import {
   QueryClient,
   QueryClientProvider,
   useQuery,
 } from "@tanstack/solid-query";
 
+import preview from "#.storybook/preview";
+
 import AsyncContent from "../../src/ts/components/common/AsyncContent";
 
 const queryClient = new QueryClient({

frontend/storybook/stories/Balloon.stories.tsx

@@ -1,6 +1,7 @@
-import preview from "#.storybook/preview";
 import { Component } from "solid-js";
 
+import preview from "#.storybook/preview";
+
 import { Balloon } from "../../src/ts/components/common/Balloon";
 
 const meta = preview.meta({

frontend/storybook/stories/Checkbox.stories.tsx

@@ -1,7 +1,8 @@
-import preview from "#.storybook/preview";
 import { AnyFieldApi } from "@tanstack/solid-form";
 import { Accessor, Component, createSignal } from "solid-js";
 
+import preview from "#.storybook/preview";
+
 import { Checkbox } from "../../src/ts/components/ui/form/Checkbox";
 
 function createFieldMock(options: { name?: string; value?: boolean }) {

frontend/storybook/stories/DataTable.stories.tsx

@@ -1,6 +1,7 @@
-import preview from "#.storybook/preview";
 import { Component, createSignal } from "solid-js";
 
+import preview from "#.storybook/preview";
+
 import {
   DataTable,
   DataTableColumnDef,