diff --git a/app.vue b/app.vue
index 6933776..9e19347 100644
--- a/app.vue
+++ b/app.vue
@@ -19,6 +19,7 @@ import ConfirmationModal from "./components/modals/confirm.vue";
 import { Toaster } from "./components/ui/sonner";
 import { TooltipProvider } from "./components/ui/tooltip";
 import { overwriteGetLocale } from "./paraglide/runtime";
+
 // Sin
 //import "~/styles/mcdonalds.css";
 
diff --git a/biome.json b/biome.json
index 2ba3836..ae4c233 100644
--- a/biome.json
+++ b/biome.json
@@ -1,18 +1,18 @@
 {
-    "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
-    "organizeImports": {
-        "enabled": true
-    },
+    "$schema": "https://biomejs.dev/schemas/2.0.5/schema.json",
+    "assist": { "actions": { "source": { "organizeImports": "on" } } },
     "linter": {
         "enabled": true,
         "rules": {
-            "all": true,
             "suspicious": {
                 "noConsole": "off",
-                "noExplicitAny": "off"
+                "noExplicitAny": "off",
+                "noDuplicateElseIf": "error",
+                "noDocumentCookie": "off"
             },
             "performance": {
-                "noBarrelFile": "off"
+                "noBarrelFile": "off",
+                "noNamespaceImport": "off"
             },
             "correctness": {
                 "noNodejsModules": "off",
@@ -30,7 +30,6 @@
             "style": {
                 "noDefaultExport": "off",
                 "noParameterProperties": "off",
-                "noNamespaceImport": "off",
                 "useFilenamingConvention": "off",
                 "useNamingConvention": {
                     "level": "warn",
@@ -63,12 +62,20 @@
                             }
                         ]
                     }
-                }
-            },
-            "nursery": {
-                "noDuplicateElseIf": "error",
+                },
+                "noParameterAssign": "error",
+                "useAsConstAssertion": "error",
+                "useDefaultParameterLast": "error",
+                "useEnumInitializers": "error",
+                "useSelfClosingElements": "error",
+                "useSingleVarDeclarator": "error",
+                "noUnusedTemplateLiteral": "error",
+                "useNumberNamespace": "error",
+                "noInferrableTypes": "error",
+                "noUselessElse": "error",
                 "noCommonJs": "error"
-            }
+            },
+            "nursery": {}
         }
     },
     "formatter": {
@@ -76,15 +83,31 @@
         "indentStyle": "space",
         "indentWidth": 4
     },
+    "overrides": [
+        {
+            "includes": ["**/*.vue"],
+            "linter": {
+                "rules": {
+                    "correctness": {
+                        "noUnusedImports": "off"
+                    },
+                    "style": {
+                        "useImportType": "off"
+                    }
+                }
+            }
+        }
+    ],
     "files": {
-        "ignore": [
-            "node_modules/**/*",
-            "dist/**/*",
-            ".output",
-            ".nuxt",
-            "paraglide",
-            "result",
-            "project.inlang"
+        "includes": [
+            "**",
+            "!**/node_modules/**/*",
+            "!**/dist/**/*",
+            "!**/.output",
+            "!**/.nuxt",
+            "!**/paraglide",
+            "!**/result",
+            "!**/project.inlang"
         ]
     }
 }
diff --git a/bun.lock b/bun.lock
index 42a0cac..8d351fd 100644
--- a/bun.lock
+++ b/bun.lock
@@ -58,7 +58,7 @@
         "zod": "^3.25.67",
       },
       "devDependencies": {
-        "@biomejs/biome": "^1.9.4",
+        "@biomejs/biome": "^2.0.5",
         "@iconify-json/fluent-emoji": "^1.2.3",
         "@iconify-json/fluent-emoji-flat": "^1.2.3",
         "@iconify-json/noto": "^1.2.3",
@@ -274,23 +274,23 @@
 
     "@badgateway/oauth2-client": ["@badgateway/oauth2-client@3.2.0", "", {}, "sha512-EHsoV6oLHot7HeYkIoSxCZApNgBjwNo1OTV9kXIDnmijGAshlVkJreVAAtexFn+sfDKPE0JW5SCPYJV1y4IoMg=="],
 
-    "@biomejs/biome": ["@biomejs/biome@1.9.4", "", { "optionalDependencies": { "@biomejs/cli-darwin-arm64": "1.9.4", "@biomejs/cli-darwin-x64": "1.9.4", "@biomejs/cli-linux-arm64": "1.9.4", "@biomejs/cli-linux-arm64-musl": "1.9.4", "@biomejs/cli-linux-x64": "1.9.4", "@biomejs/cli-linux-x64-musl": "1.9.4", "@biomejs/cli-win32-arm64": "1.9.4", "@biomejs/cli-win32-x64": "1.9.4" }, "bin": { "biome": "bin/biome" } }, "sha512-1rkd7G70+o9KkTn5KLmDYXihGoTaIGO9PIIN2ZB7UJxFrWw04CZHPYiMRjYsaDvVV7hP1dYNRLxSANLaBFGpog=="],
+    "@biomejs/biome": ["@biomejs/biome@2.0.5", "", { "optionalDependencies": { "@biomejs/cli-darwin-arm64": "2.0.5", "@biomejs/cli-darwin-x64": "2.0.5", "@biomejs/cli-linux-arm64": "2.0.5", "@biomejs/cli-linux-arm64-musl": "2.0.5", "@biomejs/cli-linux-x64": "2.0.5", "@biomejs/cli-linux-x64-musl": "2.0.5", "@biomejs/cli-win32-arm64": "2.0.5", "@biomejs/cli-win32-x64": "2.0.5" }, "bin": { "biome": "bin/biome" } }, "sha512-MztFGhE6cVjf3QmomWu83GpTFyWY8KIcskgRf2AqVEMSH4qI4rNdBLdpAQ11TNK9pUfLGz3IIOC1ZYwgBePtig=="],
 
-    "@biomejs/cli-darwin-arm64": ["@biomejs/cli-darwin-arm64@1.9.4", "", { "os": "darwin", "cpu": "arm64" }, "sha512-bFBsPWrNvkdKrNCYeAp+xo2HecOGPAy9WyNyB/jKnnedgzl4W4Hb9ZMzYNbf8dMCGmUdSavlYHiR01QaYR58cw=="],
+    "@biomejs/cli-darwin-arm64": ["@biomejs/cli-darwin-arm64@2.0.5", "", { "os": "darwin", "cpu": "arm64" }, "sha512-VIIWQv9Rcj9XresjCf3isBFfWjFStsdGZvm8SmwJzKs/22YQj167ge7DkxuaaZbNf2kmYif0AcjAKvtNedEoEw=="],
 
-    "@biomejs/cli-darwin-x64": ["@biomejs/cli-darwin-x64@1.9.4", "", { "os": "darwin", "cpu": "x64" }, "sha512-ngYBh/+bEedqkSevPVhLP4QfVPCpb+4BBe2p7Xs32dBgs7rh9nY2AIYUL6BgLw1JVXV8GlpKmb/hNiuIxfPfZg=="],
+    "@biomejs/cli-darwin-x64": ["@biomejs/cli-darwin-x64@2.0.5", "", { "os": "darwin", "cpu": "x64" }, "sha512-DRpGxBgf5Z7HUFcNUB6n66UiD4VlBlMpngNf32wPraxX8vYU6N9cb3xQWOXIQVBBQ64QfsSLJnjNu79i/LNmSg=="],
 
-    "@biomejs/cli-linux-arm64": ["@biomejs/cli-linux-arm64@1.9.4", "", { "os": "linux", "cpu": "arm64" }, "sha512-fJIW0+LYujdjUgJJuwesP4EjIBl/N/TcOX3IvIHJQNsAqvV2CHIogsmA94BPG6jZATS4Hi+xv4SkBBQSt1N4/g=="],
+    "@biomejs/cli-linux-arm64": ["@biomejs/cli-linux-arm64@2.0.5", "", { "os": "linux", "cpu": "arm64" }, "sha512-FQTfDNMXOknf8+g9Eede2daaduRjTC2SNbfWPNFMadN9K3UKjeZ62jwiYxztPaz9zQQsZU8VbddQIaeQY5CmIA=="],
 
-    "@biomejs/cli-linux-arm64-musl": ["@biomejs/cli-linux-arm64-musl@1.9.4", "", { "os": "linux", "cpu": "arm64" }, "sha512-v665Ct9WCRjGa8+kTr0CzApU0+XXtRgwmzIf1SeKSGAv+2scAlW6JR5PMFo6FzqqZ64Po79cKODKf3/AAmECqA=="],
+    "@biomejs/cli-linux-arm64-musl": ["@biomejs/cli-linux-arm64-musl@2.0.5", "", { "os": "linux", "cpu": "arm64" }, "sha512-OpflTCOw/ElEs7QZqN/HFaSViPHjAsAPxFJ22LhWUWvuJgcy/Z8+hRV0/3mk/ZRWy5A6fCDKHZqAxU+xB6W4mA=="],
 
-    "@biomejs/cli-linux-x64": ["@biomejs/cli-linux-x64@1.9.4", "", { "os": "linux", "cpu": "x64" }, "sha512-lRCJv/Vi3Vlwmbd6K+oQ0KhLHMAysN8lXoCI7XeHlxaajk06u7G+UsFSO01NAs5iYuWKmVZjmiOzJ0OJmGsMwg=="],
+    "@biomejs/cli-linux-x64": ["@biomejs/cli-linux-x64@2.0.5", "", { "os": "linux", "cpu": "x64" }, "sha512-znpfydUDPuDkyBTulnODrQVK2FaG/4hIOPcQSsF2GeauQOYrBAOplj0etGB0NUrr0dFsvaQ15nzDXYb60ACoiw=="],
 
-    "@biomejs/cli-linux-x64-musl": ["@biomejs/cli-linux-x64-musl@1.9.4", "", { "os": "linux", "cpu": "x64" }, "sha512-gEhi/jSBhZ2m6wjV530Yy8+fNqG8PAinM3oV7CyO+6c3CEh16Eizm21uHVsyVBEB6RIM8JHIl6AGYCv6Q6Q9Tg=="],
+    "@biomejs/cli-linux-x64-musl": ["@biomejs/cli-linux-x64-musl@2.0.5", "", { "os": "linux", "cpu": "x64" }, "sha512-9lmjCnajAzpZXbav2P6D87ugkhnaDpJtDvOH5uQbY2RXeW6Rq18uOUltxgacGBP+d8GusTr+s3IFOu7SN0Ok8g=="],
 
-    "@biomejs/cli-win32-arm64": ["@biomejs/cli-win32-arm64@1.9.4", "", { "os": "win32", "cpu": "arm64" }, "sha512-tlbhLk+WXZmgwoIKwHIHEBZUwxml7bRJgk0X2sPyNR3S93cdRq6XulAZRQJ17FYGGzWne0fgrXBKpl7l4M87Hg=="],
+    "@biomejs/cli-win32-arm64": ["@biomejs/cli-win32-arm64@2.0.5", "", { "os": "win32", "cpu": "arm64" }, "sha512-CP2wKQB+gh8HdJTFKYRFETqReAjxlcN9AlYDEoye8v2eQp+L9v+PUeDql/wsbaUhSsLR0sjj3PtbBtt+02AN3A=="],
 
-    "@biomejs/cli-win32-x64": ["@biomejs/cli-win32-x64@1.9.4", "", { "os": "win32", "cpu": "x64" }, "sha512-8Y5wMhVIPaWe6jw2H+KlEm4wP/f7EW3810ZLmDlrEEy5KvBsb9ECEfu/kMWD484ijfQ8+nIi0giMgu9g1UAuuA=="],
+    "@biomejs/cli-win32-x64": ["@biomejs/cli-win32-x64@2.0.5", "", { "os": "win32", "cpu": "x64" }, "sha512-Sw3rz2m6bBADeQpr3+MD7Ch4E1l15DTt/+dfqKnwkm3cn4BrYwnArmvKeZdVsFRDjMyjlKIP88bw1r7o+9aqzw=="],
 
     "@capsizecss/metrics": ["@capsizecss/metrics@3.5.0", "", {}, "sha512-Ju2I/Qn3c1OaU8FgeW4Tc22D4C9NwyVfKzNmzst59bvxBjPoLYNZMqFYn+HvCtn4MpXwiaDtCE8fNuQLpdi9yA=="],
 
diff --git a/components/composer/dialog.vue b/components/composer/dialog.vue
index 01ff95d..5b34461 100644
--- a/components/composer/dialog.vue
+++ b/components/composer/dialog.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
+import type { Status, StatusSource } from "@versia/client/schemas";
+import { toast } from "vue-sonner";
+import type { z } from "zod";
 import {
     Dialog,
     DialogContent,
     DialogDescription,
     DialogTitle,
 } from "@/components/ui/dialog";
-import type { Status, StatusSource } from "@versia/client/schemas";
-import { toast } from "vue-sonner";
-import type { z } from "zod";
 import * as m from "~/paraglide/messages.js";
 import Composer from "./composer.vue";
 
diff --git a/components/editor/emoji.ts b/components/editor/emoji.ts
index 6a0ae46..d3e73c1 100644
--- a/components/editor/emoji.ts
+++ b/components/editor/emoji.ts
@@ -24,9 +24,7 @@ declare module "@tiptap/core" {
              *   .commands
              *   .setEmoji({ shortcode: 'smile' })
              */
-            setImage: (options: {
-                shortcode: string;
-            }) => ReturnType;
+            setImage: (options: { shortcode: string }) => ReturnType;
         };
     }
 }
diff --git a/components/navigation/mobile-navbar.vue b/components/navigation/mobile-navbar.vue
index 47e03fd..03ec6af 100644
--- a/components/navigation/mobile-navbar.vue
+++ b/components/navigation/mobile-navbar.vue
@@ -29,7 +29,7 @@
 
 <script lang="ts" setup>
 import { Bell, Home, Pen, User } from "lucide-vue-next";
-import * as m from "~/paraglide/messages.js";
 import { NuxtLink } from "#components";
+import * as m from "~/paraglide/messages.js";
 import { Button } from "../ui/button";
 </script>
diff --git a/components/navigation/timelines.vue b/components/navigation/timelines.vue
index 8d8ada4..6c3082a 100644
--- a/components/navigation/timelines.vue
+++ b/components/navigation/timelines.vue
@@ -12,9 +12,9 @@
 
 <script lang="ts" setup>
 import { BedSingle, Globe, House, MapIcon } from "lucide-vue-next";
+import { NuxtLink } from "#components";
 import { Tabs, TabsList, TabsTrigger } from "~/components/ui/tabs";
 import * as m from "~/paraglide/messages.js";
-import { NuxtLink } from "#components";
 
 const timelines = [
     {
diff --git a/components/notes/copyable-text.vue b/components/notes/copyable-text.vue
index 8aae778..ecd1640 100644
--- a/components/notes/copyable-text.vue
+++ b/components/notes/copyable-text.vue
@@ -14,10 +14,10 @@
 </template>
 
 <script lang="tsx" setup>
-import { cn } from "@/lib/utils";
 import { Check, Clipboard } from "lucide-vue-next";
 import type { HTMLAttributes } from "vue";
 import { toast } from "vue-sonner";
+import { cn } from "@/lib/utils";
 import * as m from "~/paraglide/messages.js";
 
 const { text } = defineProps<{
diff --git a/components/notes/header.vue b/components/notes/header.vue
index 94f269b..6552ab4 100644
--- a/components/notes/header.vue
+++ b/components/notes/header.vue
@@ -43,7 +43,6 @@
 </template>
 
 <script lang="ts" setup>
-import { cn } from "@/lib/utils";
 import type { Account, Status } from "@versia/client/schemas";
 import type {
     UseTimeAgoMessages,
@@ -51,6 +50,7 @@ import type {
 } from "@vueuse/core";
 import { AtSign, Globe, Lock, LockOpen } from "lucide-vue-next";
 import type { z } from "zod";
+import { cn } from "@/lib/utils";
 import { getLocale } from "~/paraglide/runtime";
 import Avatar from "../profiles/avatar.vue";
 import SmallCard from "../profiles/small-card.vue";
diff --git a/components/notes/menu.vue b/components/notes/menu.vue
index f160691..ef8b21a 100644
--- a/components/notes/menu.vue
+++ b/components/notes/menu.vue
@@ -1,12 +1,4 @@
 <script setup lang="tsx">
-import {
-    DropdownMenu,
-    DropdownMenuContent,
-    DropdownMenuGroup,
-    DropdownMenuItem,
-    DropdownMenuSeparator,
-    DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
 import {
     Ban,
     Code,
@@ -19,6 +11,14 @@ import {
     Trash,
 } from "lucide-vue-next";
 import { toast } from "vue-sonner";
+import {
+    DropdownMenu,
+    DropdownMenuContent,
+    DropdownMenuGroup,
+    DropdownMenuItem,
+    DropdownMenuSeparator,
+    DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
 import { confirmModalService } from "~/components/modals/composable.ts";
 import * as m from "~/paraglide/messages.js";
 
diff --git a/components/notes/note.vue b/components/notes/note.vue
index a87466c..f907c3c 100644
--- a/components/notes/note.vue
+++ b/components/notes/note.vue
@@ -75,9 +75,9 @@
 </template>
 
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { Status } from "@versia/client/schemas";
 import type { z } from "zod";
+import { cn } from "@/lib/utils";
 import { Card, CardContent, CardFooter, CardHeader } from "../ui/card";
 import Actions from "./actions.vue";
 import Content from "./content.vue";
diff --git a/components/notes/reactions/picker/index.vue b/components/notes/reactions/picker/index.vue
index 212e305..0931584 100644
--- a/components/notes/reactions/picker/index.vue
+++ b/components/notes/reactions/picker/index.vue
@@ -43,7 +43,7 @@ import {
 } from "~/components/ui/popover";
 import CategoryHeader from "./category-header.vue";
 import EmojiDisplay from "./display.vue";
-import { type EmojiGroupId, type UnicodeEmoji, emojiGroups } from "./emoji.ts";
+import { type EmojiGroupId, emojiGroups, type UnicodeEmoji } from "./emoji.ts";
 import Emoji from "./emoji.vue";
 import Sidebar from "./sidebar.vue";
 import { EMOJI_PER_ROW, getVirtualizedItems } from "./virtual.ts";
diff --git a/components/notes/reactions/picker/virtual.ts b/components/notes/reactions/picker/virtual.ts
index 40f52ff..10124a3 100644
--- a/components/notes/reactions/picker/virtual.ts
+++ b/components/notes/reactions/picker/virtual.ts
@@ -2,7 +2,7 @@ import type { CustomEmoji } from "@versia/client/schemas";
 import { go } from "fuzzysort";
 import { nanoid } from "nanoid";
 import type { z } from "zod";
-import { type UnicodeEmoji, emojiGroups } from "./emoji";
+import { emojiGroups, type UnicodeEmoji } from "./emoji";
 
 export const EMOJI_PER_ROW = 7;
 export type VirtualizedItem =
diff --git a/components/oauth/login.vue b/components/oauth/login.vue
index 78ca759..6ffebda 100644
--- a/components/oauth/login.vue
+++ b/components/oauth/login.vue
@@ -1,4 +1,9 @@
 <script setup lang="ts">
+import { toTypedSchema } from "@vee-validate/zod";
+import type { Instance } from "@versia/client/schemas";
+import { Loader } from "lucide-vue-next";
+import { useForm } from "vee-validate";
+import * as z from "zod";
 import {
     FormControl,
     FormField,
@@ -6,11 +11,6 @@ import {
     FormLabel,
     FormMessage,
 } from "@/components/ui/form";
-import { toTypedSchema } from "@vee-validate/zod";
-import type { Instance } from "@versia/client/schemas";
-import { Loader } from "lucide-vue-next";
-import { useForm } from "vee-validate";
-import * as z from "zod";
 import { Button } from "~/components/ui/button";
 import { Input } from "~/components/ui/input";
 import * as m from "~/paraglide/messages.js";
diff --git a/components/preferences/category.vue b/components/preferences/category.vue
index 56aa2e1..3794145 100644
--- a/components/preferences/category.vue
+++ b/components/preferences/category.vue
@@ -19,8 +19,14 @@
 
 <script lang="ts" setup>
 import { Card, CardTitle } from "../ui/card/index.ts";
-// biome-ignore lint/style/useImportType: <explanation>
 import { preferences as prefs } from "./preferences.ts";
+import BooleanPreferenceVue from "./types/boolean.vue";
+import CodePreferenceVue from "./types/code.vue";
+import MultiSelectPreferenceVue from "./types/multiselect.vue";
+import NumberPreferenceVue from "./types/number.vue";
+import SelectPreferenceVue from "./types/select.vue";
+import TextPreferenceVue from "./types/text.vue";
+import UrlPreferenceVue from "./types/url.vue";
 import {
     BooleanPreference,
     CodePreference,
@@ -30,13 +36,6 @@ import {
     TextPreference,
     UrlPreference,
 } from "./types.ts";
-import BooleanPreferenceVue from "./types/boolean.vue";
-import CodePreferenceVue from "./types/code.vue";
-import MultiSelectPreferenceVue from "./types/multiselect.vue";
-import NumberPreferenceVue from "./types/number.vue";
-import SelectPreferenceVue from "./types/select.vue";
-import TextPreferenceVue from "./types/text.vue";
-import UrlPreferenceVue from "./types/url.vue";
 
 const { preferences = [], name } = defineProps<{
     preferences: (keyof typeof prefs)[];
diff --git a/components/preferences/dialog.vue b/components/preferences/dialog.vue
index c00d7a0..f5e0919 100644
--- a/components/preferences/dialog.vue
+++ b/components/preferences/dialog.vue
@@ -1,11 +1,4 @@
 <script setup lang="ts">
-import {
-    Dialog,
-    DialogContent,
-    DialogDescription,
-    DialogHeader,
-    DialogTitle,
-} from "@/components/ui/dialog";
 import {
     InfoIcon,
     PaletteIcon,
@@ -15,6 +8,13 @@ import {
     TerminalSquareIcon,
     UserIcon,
 } from "lucide-vue-next";
+import {
+    Dialog,
+    DialogContent,
+    DialogDescription,
+    DialogHeader,
+    DialogTitle,
+} from "@/components/ui/dialog";
 import pkg from "~/package.json";
 import Avatar from "../profiles/avatar.vue";
 import TinyCard from "../profiles/tiny-card.vue";
diff --git a/components/preferences/emojis/table.vue b/components/preferences/emojis/table.vue
index bf091d4..5b83676 100644
--- a/components/preferences/emojis/table.vue
+++ b/components/preferences/emojis/table.vue
@@ -1,21 +1,4 @@
 <script setup lang="tsx">
-import { Button } from "@/components/ui/button";
-import { Checkbox } from "@/components/ui/checkbox";
-import {
-    DropdownMenu,
-    DropdownMenuCheckboxItem,
-    DropdownMenuContent,
-    DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { Input } from "@/components/ui/input";
-import {
-    Table,
-    TableBody,
-    TableCell,
-    TableHead,
-    TableHeader,
-    TableRow,
-} from "@/components/ui/table";
 import type {
     ColumnDef,
     ColumnFiltersState,
@@ -46,6 +29,23 @@ import {
 } from "lucide-vue-next";
 import { ref } from "vue";
 import type { z } from "zod";
+import { Button } from "@/components/ui/button";
+import { Checkbox } from "@/components/ui/checkbox";
+import {
+    DropdownMenu,
+    DropdownMenuCheckboxItem,
+    DropdownMenuContent,
+    DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { Input } from "@/components/ui/input";
+import {
+    Table,
+    TableBody,
+    TableCell,
+    TableHead,
+    TableHeader,
+    TableRow,
+} from "@/components/ui/table";
 import BatchDropdown from "./batch-dropdown.vue";
 import Dropdown from "./dropdown.vue";
 import Uploader from "./uploader.vue";
diff --git a/components/preferences/types/base.vue b/components/preferences/types/base.vue
index b8c519e..ce6eaf1 100644
--- a/components/preferences/types/base.vue
+++ b/components/preferences/types/base.vue
@@ -35,9 +35,6 @@ defineSlots<{
         value: any;
         setValue: (value: MaybeRef<any>) => void;
     }): any;
-    extra(props: {
-        value: any;
-        setValue: (value: MaybeRef<any>) => void;
-    }): any;
+    extra(props: { value: any; setValue: (value: MaybeRef<any>) => void }): any;
 }>();
 </script>
diff --git a/components/profiles/profile-actions.vue b/components/profiles/profile-actions.vue
index 4ab83e9..23c3a13 100644
--- a/components/profiles/profile-actions.vue
+++ b/components/profiles/profile-actions.vue
@@ -63,14 +63,6 @@
 </template>
 
 <script lang="ts" setup>
-import {
-    DropdownMenu,
-    DropdownMenuContent,
-    DropdownMenuGroup,
-    DropdownMenuItem,
-    DropdownMenuSeparator,
-    DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
 import type { Account } from "@versia/client/schemas";
 import {
     AtSign,
@@ -85,6 +77,14 @@ import {
 } from "lucide-vue-next";
 import { toast } from "vue-sonner";
 import type { z } from "zod";
+import {
+    DropdownMenu,
+    DropdownMenuContent,
+    DropdownMenuGroup,
+    DropdownMenuItem,
+    DropdownMenuSeparator,
+    DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
 import * as m from "~/paraglide/messages.js";
 
 const { account } = defineProps<{
diff --git a/components/sidebars/account/account-manager.vue b/components/sidebars/account/account-manager.vue
index fb0341f..4d71155 100644
--- a/components/sidebars/account/account-manager.vue
+++ b/components/sidebars/account/account-manager.vue
@@ -46,6 +46,8 @@
 <script lang="ts" setup>
 import { LogIn, LogOut, UserPlus } from "lucide-vue-next";
 import { toast } from "vue-sonner";
+import { NuxtLink } from "#components";
+import { identity as currentIdentity } from "#imports";
 import TinyCard from "~/components/profiles/tiny-card.vue";
 import { Button } from "~/components/ui/button";
 import {
@@ -58,8 +60,6 @@ import {
     DialogTrigger,
 } from "~/components/ui/dialog";
 import * as m from "~/paraglide/messages.js";
-import { NuxtLink } from "#components";
-import { identity as currentIdentity } from "#imports";
 
 const appData = useAppData();
 
diff --git a/components/sidebars/footer/footer-actions.vue b/components/sidebars/footer/footer-actions.vue
index 5dc3a58..856f191 100644
--- a/components/sidebars/footer/footer-actions.vue
+++ b/components/sidebars/footer/footer-actions.vue
@@ -16,6 +16,7 @@ import {
 } from "~/components/ui/sidebar";
 import * as m from "~/paraglide/messages.js";
 import AccountManager from "../account/account-manager.vue";
+
 const { $pwa } = useNuxtApp();
 </script>
 
diff --git a/components/ui/alert-dialog/AlertDialogAction.vue b/components/ui/alert-dialog/AlertDialogAction.vue
index fe5bbd4..5c140fb 100644
--- a/components/ui/alert-dialog/AlertDialogAction.vue
+++ b/components/ui/alert-dialog/AlertDialogAction.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import { AlertDialogAction, type AlertDialogActionProps } from "reka-ui";
+import { computed, type HTMLAttributes } from "vue";
 import { buttonVariants } from "@/components/ui/button";
 import { cn } from "@/lib/utils";
-import { AlertDialogAction, type AlertDialogActionProps } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
 
 const props = defineProps<
     AlertDialogActionProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/alert-dialog/AlertDialogCancel.vue b/components/ui/alert-dialog/AlertDialogCancel.vue
index 018a813..72e307a 100644
--- a/components/ui/alert-dialog/AlertDialogCancel.vue
+++ b/components/ui/alert-dialog/AlertDialogCancel.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import { AlertDialogCancel, type AlertDialogCancelProps } from "reka-ui";
+import { computed, type HTMLAttributes } from "vue";
 import { buttonVariants } from "@/components/ui/button";
 import { cn } from "@/lib/utils";
-import { AlertDialogCancel, type AlertDialogCancelProps } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
 
 const props = defineProps<
     AlertDialogCancelProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/alert-dialog/AlertDialogContent.vue b/components/ui/alert-dialog/AlertDialogContent.vue
index f94b82f..66df949 100644
--- a/components/ui/alert-dialog/AlertDialogContent.vue
+++ b/components/ui/alert-dialog/AlertDialogContent.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import {
     AlertDialogContent,
     type AlertDialogContentEmits,
@@ -8,7 +7,8 @@ import {
     AlertDialogPortal,
     useForwardPropsEmits,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     AlertDialogContentProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/alert-dialog/AlertDialogDescription.vue b/components/ui/alert-dialog/AlertDialogDescription.vue
index 74a80fa..704f009 100644
--- a/components/ui/alert-dialog/AlertDialogDescription.vue
+++ b/components/ui/alert-dialog/AlertDialogDescription.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import {
     AlertDialogDescription,
     type AlertDialogDescriptionProps,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     AlertDialogDescriptionProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/alert-dialog/AlertDialogFooter.vue b/components/ui/alert-dialog/AlertDialogFooter.vue
index e52cf4d..b2fcd75 100644
--- a/components/ui/alert-dialog/AlertDialogFooter.vue
+++ b/components/ui/alert-dialog/AlertDialogFooter.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/alert-dialog/AlertDialogHeader.vue b/components/ui/alert-dialog/AlertDialogHeader.vue
index fd6096c..47c6717 100644
--- a/components/ui/alert-dialog/AlertDialogHeader.vue
+++ b/components/ui/alert-dialog/AlertDialogHeader.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/alert-dialog/AlertDialogTitle.vue b/components/ui/alert-dialog/AlertDialogTitle.vue
index 43ddabb..2e4a83b 100644
--- a/components/ui/alert-dialog/AlertDialogTitle.vue
+++ b/components/ui/alert-dialog/AlertDialogTitle.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { AlertDialogTitle, type AlertDialogTitleProps } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     AlertDialogTitleProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/alert/Alert.vue b/components/ui/alert/Alert.vue
index 216dd48..ee6afa7 100644
--- a/components/ui/alert/Alert.vue
+++ b/components/ui/alert/Alert.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 import { type AlertVariants, alertVariants } from ".";
 
 const props = defineProps<{
diff --git a/components/ui/alert/AlertDescription.vue b/components/ui/alert/AlertDescription.vue
index e7bbcfb..7ecbff4 100644
--- a/components/ui/alert/AlertDescription.vue
+++ b/components/ui/alert/AlertDescription.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/alert/AlertTitle.vue b/components/ui/alert/AlertTitle.vue
index 7ca5d36..bf9a71c 100644
--- a/components/ui/alert/AlertTitle.vue
+++ b/components/ui/alert/AlertTitle.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/alert/index.ts b/components/ui/alert/index.ts
index d6dda88..a9686d5 100644
--- a/components/ui/alert/index.ts
+++ b/components/ui/alert/index.ts
@@ -1,4 +1,4 @@
-import { type VariantProps, cva } from "class-variance-authority";
+import { cva, type VariantProps } from "class-variance-authority";
 
 export { default as Alert } from "./Alert.vue";
 export { default as AlertDescription } from "./AlertDescription.vue";
diff --git a/components/ui/avatar/Avatar.vue b/components/ui/avatar/Avatar.vue
index 9cde235..84d9411 100644
--- a/components/ui/avatar/Avatar.vue
+++ b/components/ui/avatar/Avatar.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { AvatarRoot } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/avatar/AvatarFallback.vue b/components/ui/avatar/AvatarFallback.vue
index 1ad05d4..9581016 100644
--- a/components/ui/avatar/AvatarFallback.vue
+++ b/components/ui/avatar/AvatarFallback.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { AvatarFallback, type AvatarFallbackProps } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     AvatarFallbackProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/badge/Badge.vue b/components/ui/badge/Badge.vue
index 9898434..1ac6b27 100644
--- a/components/ui/badge/Badge.vue
+++ b/components/ui/badge/Badge.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { PrimitiveProps } from "reka-ui";
 import { Primitive } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 import { type BadgeVariants, badgeVariants } from ".";
 
 const props = defineProps<
diff --git a/components/ui/badge/index.ts b/components/ui/badge/index.ts
index 993f2e5..6de912b 100644
--- a/components/ui/badge/index.ts
+++ b/components/ui/badge/index.ts
@@ -1,4 +1,4 @@
-import { type VariantProps, cva } from "class-variance-authority";
+import { cva, type VariantProps } from "class-variance-authority";
 
 export { default as Badge } from "./Badge.vue";
 
diff --git a/components/ui/button/Button.vue b/components/ui/button/Button.vue
index d220e78..ff398c8 100644
--- a/components/ui/button/Button.vue
+++ b/components/ui/button/Button.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { Primitive, type PrimitiveProps } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 import { type ButtonVariants, buttonVariants } from ".";
 
 interface Props extends PrimitiveProps {
diff --git a/components/ui/button/index.ts b/components/ui/button/index.ts
index 8d9ab9d..3ec9b0a 100644
--- a/components/ui/button/index.ts
+++ b/components/ui/button/index.ts
@@ -1,4 +1,4 @@
-import { type VariantProps, cva } from "class-variance-authority";
+import { cva, type VariantProps } from "class-variance-authority";
 
 export { default as Button } from "./Button.vue";
 
diff --git a/components/ui/card/Card.vue b/components/ui/card/Card.vue
index 2474873..c034de9 100644
--- a/components/ui/card/Card.vue
+++ b/components/ui/card/Card.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/card/CardAction.vue b/components/ui/card/CardAction.vue
index c5faedc..ac14c93 100644
--- a/components/ui/card/CardAction.vue
+++ b/components/ui/card/CardAction.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/card/CardContent.vue b/components/ui/card/CardContent.vue
index c52b119..761b5f3 100644
--- a/components/ui/card/CardContent.vue
+++ b/components/ui/card/CardContent.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/card/CardDescription.vue b/components/ui/card/CardDescription.vue
index 91e093f..df5644e 100644
--- a/components/ui/card/CardDescription.vue
+++ b/components/ui/card/CardDescription.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/card/CardFooter.vue b/components/ui/card/CardFooter.vue
index 944924a..1bb8610 100644
--- a/components/ui/card/CardFooter.vue
+++ b/components/ui/card/CardFooter.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/card/CardHeader.vue b/components/ui/card/CardHeader.vue
index fad9021..eb2f0c4 100644
--- a/components/ui/card/CardHeader.vue
+++ b/components/ui/card/CardHeader.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/card/CardTitle.vue b/components/ui/card/CardTitle.vue
index e9fb17c..18b6e80 100644
--- a/components/ui/card/CardTitle.vue
+++ b/components/ui/card/CardTitle.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/checkbox/Checkbox.vue b/components/ui/checkbox/Checkbox.vue
index 7f69669..12a1c98 100644
--- a/components/ui/checkbox/Checkbox.vue
+++ b/components/ui/checkbox/Checkbox.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { Check } from "lucide-vue-next";
 import type { CheckboxRootEmits, CheckboxRootProps } from "reka-ui";
 import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     CheckboxRootProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/command/Command.vue b/components/ui/command/Command.vue
index 89f2fab..1870143 100644
--- a/components/ui/command/Command.vue
+++ b/components/ui/command/Command.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { ListboxRootEmits, ListboxRootProps } from "reka-ui";
 import { ListboxRoot, useFilter, useForwardPropsEmits } from "reka-ui";
-import { type HTMLAttributes, computed, reactive, ref, watch } from "vue";
+import { computed, type HTMLAttributes, reactive, ref, watch } from "vue";
+import { cn } from "@/lib/utils";
 import { provideCommandContext } from ".";
 
 const props = withDefaults(
diff --git a/components/ui/command/CommandDialog.vue b/components/ui/command/CommandDialog.vue
index f49dcc7..ec35896 100644
--- a/components/ui/command/CommandDialog.vue
+++ b/components/ui/command/CommandDialog.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import type { DialogRootEmits, DialogRootProps } from "reka-ui";
+import { useForwardPropsEmits } from "reka-ui";
 import {
     Dialog,
     DialogContent,
@@ -6,8 +8,6 @@ import {
     DialogHeader,
     DialogTitle,
 } from "@/components/ui/dialog";
-import type { DialogRootEmits, DialogRootProps } from "reka-ui";
-import { useForwardPropsEmits } from "reka-ui";
 import Command from "./Command.vue";
 
 const props = withDefaults(
diff --git a/components/ui/command/CommandEmpty.vue b/components/ui/command/CommandEmpty.vue
index 0ec6ffa..e873c53 100644
--- a/components/ui/command/CommandEmpty.vue
+++ b/components/ui/command/CommandEmpty.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { PrimitiveProps } from "reka-ui";
 import { Primitive } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 import { useCommand } from ".";
 
 const props = defineProps<
diff --git a/components/ui/command/CommandGroup.vue b/components/ui/command/CommandGroup.vue
index 50ccb65..15f6e61 100644
--- a/components/ui/command/CommandGroup.vue
+++ b/components/ui/command/CommandGroup.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { ListboxGroupProps } from "reka-ui";
 import { ListboxGroup, ListboxGroupLabel, useId } from "reka-ui";
-import { type HTMLAttributes, computed, onMounted, onUnmounted } from "vue";
+import { computed, type HTMLAttributes, onMounted, onUnmounted } from "vue";
+import { cn } from "@/lib/utils";
 import { provideCommandGroupContext, useCommand } from ".";
 
 const props = defineProps<
diff --git a/components/ui/command/CommandInput.vue b/components/ui/command/CommandInput.vue
index 2872fd3..58b1aa2 100644
--- a/components/ui/command/CommandInput.vue
+++ b/components/ui/command/CommandInput.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { Search } from "lucide-vue-next";
 import {
     ListboxFilter,
     type ListboxFilterProps,
     useForwardProps,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 import { useCommand } from ".";
 
 defineOptions({
diff --git a/components/ui/command/CommandItem.vue b/components/ui/command/CommandItem.vue
index 0938019..bac96ae 100644
--- a/components/ui/command/CommandItem.vue
+++ b/components/ui/command/CommandItem.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { useCurrentElement } from "@vueuse/core";
 import type { ListboxItemEmits, ListboxItemProps } from "reka-ui";
 import { ListboxItem, useForwardPropsEmits, useId } from "reka-ui";
 import {
-    type HTMLAttributes,
     computed,
+    type HTMLAttributes,
     onMounted,
     onUnmounted,
     ref,
 } from "vue";
+import { cn } from "@/lib/utils";
 import { useCommand, useCommandGroup } from ".";
 
 const props = defineProps<
diff --git a/components/ui/command/CommandList.vue b/components/ui/command/CommandList.vue
index b9b47d8..5df9d2b 100644
--- a/components/ui/command/CommandList.vue
+++ b/components/ui/command/CommandList.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { ListboxContentProps } from "reka-ui";
 import { ListboxContent, useForwardProps } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     ListboxContentProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/command/CommandSeparator.vue b/components/ui/command/CommandSeparator.vue
index 892ab27..1f06fe2 100644
--- a/components/ui/command/CommandSeparator.vue
+++ b/components/ui/command/CommandSeparator.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { SeparatorProps } from "reka-ui";
 import { Separator } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     SeparatorProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/command/CommandShortcut.vue b/components/ui/command/CommandShortcut.vue
index 8c35f83..149c27a 100644
--- a/components/ui/command/CommandShortcut.vue
+++ b/components/ui/command/CommandShortcut.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/dialog/DialogContent.vue b/components/ui/dialog/DialogContent.vue
index 6120bdf..baec23a 100644
--- a/components/ui/dialog/DialogContent.vue
+++ b/components/ui/dialog/DialogContent.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { X } from "lucide-vue-next";
 import {
     DialogClose,
@@ -9,7 +8,8 @@ import {
     DialogPortal,
     useForwardPropsEmits,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 import DialogOverlay from "./DialogOverlay.vue";
 
 const props = defineProps<
diff --git a/components/ui/dialog/DialogDescription.vue b/components/ui/dialog/DialogDescription.vue
index 5bae34e..0a057e2 100644
--- a/components/ui/dialog/DialogDescription.vue
+++ b/components/ui/dialog/DialogDescription.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import {
     DialogDescription,
     type DialogDescriptionProps,
     useForwardProps,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DialogDescriptionProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/dialog/DialogFooter.vue b/components/ui/dialog/DialogFooter.vue
index 58023c6..2abbda0 100644
--- a/components/ui/dialog/DialogFooter.vue
+++ b/components/ui/dialog/DialogFooter.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{ class?: HTMLAttributes["class"] }>();
 </script>
diff --git a/components/ui/dialog/DialogHeader.vue b/components/ui/dialog/DialogHeader.vue
index ff3721d..8e5818d 100644
--- a/components/ui/dialog/DialogHeader.vue
+++ b/components/ui/dialog/DialogHeader.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/dialog/DialogOverlay.vue b/components/ui/dialog/DialogOverlay.vue
index 030fbfe..91fb8f6 100644
--- a/components/ui/dialog/DialogOverlay.vue
+++ b/components/ui/dialog/DialogOverlay.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { DialogOverlay, type DialogOverlayProps } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DialogOverlayProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/dialog/DialogScrollContent.vue b/components/ui/dialog/DialogScrollContent.vue
index 0faf0cd..607b9c5 100644
--- a/components/ui/dialog/DialogScrollContent.vue
+++ b/components/ui/dialog/DialogScrollContent.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { X } from "lucide-vue-next";
 import {
     DialogClose,
@@ -10,7 +9,8 @@ import {
     DialogPortal,
     useForwardPropsEmits,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DialogContentProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/dialog/DialogTitle.vue b/components/ui/dialog/DialogTitle.vue
index 2294d47..4b12c15 100644
--- a/components/ui/dialog/DialogTitle.vue
+++ b/components/ui/dialog/DialogTitle.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { DialogTitle, type DialogTitleProps, useForwardProps } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DialogTitleProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/drawer/DrawerContent.vue b/components/ui/drawer/DrawerContent.vue
index 8590b2c..8dee21d 100644
--- a/components/ui/drawer/DrawerContent.vue
+++ b/components/ui/drawer/DrawerContent.vue
@@ -1,9 +1,9 @@
 <script lang="ts" setup>
-import { cn } from "@/lib/utils";
 import type { DialogContentEmits, DialogContentProps } from "reka-ui";
 import { useForwardPropsEmits } from "reka-ui";
 import { DrawerContent, DrawerPortal } from "vaul-vue";
 import type { HtmlHTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 import DrawerOverlay from "./DrawerOverlay.vue";
 
 const props = defineProps<
diff --git a/components/ui/drawer/DrawerDescription.vue b/components/ui/drawer/DrawerDescription.vue
index b678fae..ef0acea 100644
--- a/components/ui/drawer/DrawerDescription.vue
+++ b/components/ui/drawer/DrawerDescription.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { cn } from "@/lib/utils";
 import type { DrawerDescriptionProps } from "vaul-vue";
 import { DrawerDescription } from "vaul-vue";
-import { type HtmlHTMLAttributes, computed } from "vue";
+import { computed, type HtmlHTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DrawerDescriptionProps & { class?: HtmlHTMLAttributes["class"] }
diff --git a/components/ui/drawer/DrawerFooter.vue b/components/ui/drawer/DrawerFooter.vue
index 80e80e4..94f3cba 100644
--- a/components/ui/drawer/DrawerFooter.vue
+++ b/components/ui/drawer/DrawerFooter.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { cn } from "@/lib/utils";
 import type { HtmlHTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HtmlHTMLAttributes["class"];
diff --git a/components/ui/drawer/DrawerHeader.vue b/components/ui/drawer/DrawerHeader.vue
index 450e884..d77b349 100644
--- a/components/ui/drawer/DrawerHeader.vue
+++ b/components/ui/drawer/DrawerHeader.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { cn } from "@/lib/utils";
 import type { HtmlHTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HtmlHTMLAttributes["class"];
diff --git a/components/ui/drawer/DrawerOverlay.vue b/components/ui/drawer/DrawerOverlay.vue
index 899e035..02786ba 100644
--- a/components/ui/drawer/DrawerOverlay.vue
+++ b/components/ui/drawer/DrawerOverlay.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { cn } from "@/lib/utils";
 import type { DialogOverlayProps } from "reka-ui";
 import { DrawerOverlay } from "vaul-vue";
-import { type HtmlHTMLAttributes, computed } from "vue";
+import { computed, type HtmlHTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DialogOverlayProps & { class?: HtmlHTMLAttributes["class"] }
diff --git a/components/ui/drawer/DrawerTitle.vue b/components/ui/drawer/DrawerTitle.vue
index 9203765..141a208 100644
--- a/components/ui/drawer/DrawerTitle.vue
+++ b/components/ui/drawer/DrawerTitle.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { cn } from "@/lib/utils";
 import type { DrawerTitleProps } from "vaul-vue";
 import { DrawerTitle } from "vaul-vue";
-import { type HtmlHTMLAttributes, computed } from "vue";
+import { computed, type HtmlHTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DrawerTitleProps & { class?: HtmlHTMLAttributes["class"] }
diff --git a/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue b/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
index 99b51bd..0b97110 100644
--- a/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
+++ b/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { Check } from "lucide-vue-next";
 import {
     DropdownMenuCheckboxItem,
@@ -8,7 +7,8 @@ import {
     DropdownMenuItemIndicator,
     useForwardPropsEmits,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DropdownMenuCheckboxItemProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/dropdown-menu/DropdownMenuContent.vue b/components/ui/dropdown-menu/DropdownMenuContent.vue
index 9639e08..d757e8f 100644
--- a/components/ui/dropdown-menu/DropdownMenuContent.vue
+++ b/components/ui/dropdown-menu/DropdownMenuContent.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import {
     DropdownMenuContent,
     type DropdownMenuContentEmits,
@@ -7,7 +6,8 @@ import {
     DropdownMenuPortal,
     useForwardPropsEmits,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = withDefaults(
     defineProps<
diff --git a/components/ui/dropdown-menu/DropdownMenuItem.vue b/components/ui/dropdown-menu/DropdownMenuItem.vue
index fe094af..6da2eae 100644
--- a/components/ui/dropdown-menu/DropdownMenuItem.vue
+++ b/components/ui/dropdown-menu/DropdownMenuItem.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { reactiveOmit } from "@vueuse/core";
 import {
     DropdownMenuItem,
@@ -7,6 +6,7 @@ import {
     useForwardProps,
 } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = withDefaults(
     defineProps<
diff --git a/components/ui/dropdown-menu/DropdownMenuLabel.vue b/components/ui/dropdown-menu/DropdownMenuLabel.vue
index 6485bb1..0aaf85a 100644
--- a/components/ui/dropdown-menu/DropdownMenuLabel.vue
+++ b/components/ui/dropdown-menu/DropdownMenuLabel.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { reactiveOmit } from "@vueuse/core";
 import {
     DropdownMenuLabel,
@@ -7,6 +6,7 @@ import {
     useForwardProps,
 } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DropdownMenuLabelProps & {
diff --git a/components/ui/dropdown-menu/DropdownMenuRadioItem.vue b/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
index 6be92bd..875b4df 100644
--- a/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
+++ b/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { Circle } from "lucide-vue-next";
 import {
     DropdownMenuItemIndicator,
@@ -8,7 +7,8 @@ import {
     type DropdownMenuRadioItemProps,
     useForwardPropsEmits,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DropdownMenuRadioItemProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/dropdown-menu/DropdownMenuSeparator.vue b/components/ui/dropdown-menu/DropdownMenuSeparator.vue
index 8f2d964..6dcb711 100644
--- a/components/ui/dropdown-menu/DropdownMenuSeparator.vue
+++ b/components/ui/dropdown-menu/DropdownMenuSeparator.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import {
     DropdownMenuSeparator,
     type DropdownMenuSeparatorProps,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DropdownMenuSeparatorProps & {
diff --git a/components/ui/dropdown-menu/DropdownMenuShortcut.vue b/components/ui/dropdown-menu/DropdownMenuShortcut.vue
index 6c3b3eb..4390852 100644
--- a/components/ui/dropdown-menu/DropdownMenuShortcut.vue
+++ b/components/ui/dropdown-menu/DropdownMenuShortcut.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/dropdown-menu/DropdownMenuSubContent.vue b/components/ui/dropdown-menu/DropdownMenuSubContent.vue
index 7b48532..a4ef687 100644
--- a/components/ui/dropdown-menu/DropdownMenuSubContent.vue
+++ b/components/ui/dropdown-menu/DropdownMenuSubContent.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import {
     DropdownMenuSubContent,
     type DropdownMenuSubContentEmits,
     type DropdownMenuSubContentProps,
     useForwardPropsEmits,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DropdownMenuSubContentProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue b/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
index 565994c..451b248 100644
--- a/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
+++ b/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { reactiveOmit } from "@vueuse/core";
 import { ChevronRight } from "lucide-vue-next";
 import {
@@ -8,6 +7,7 @@ import {
     useForwardProps,
 } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DropdownMenuSubTriggerProps & {
diff --git a/components/ui/dropdown-menu/index.ts b/components/ui/dropdown-menu/index.ts
index 9e57848..e3c63bb 100644
--- a/components/ui/dropdown-menu/index.ts
+++ b/components/ui/dropdown-menu/index.ts
@@ -1,5 +1,5 @@
+export { DropdownMenuPortal } from "reka-ui";
 export { default as DropdownMenu } from "./DropdownMenu.vue";
-
 export { default as DropdownMenuCheckboxItem } from "./DropdownMenuCheckboxItem.vue";
 export { default as DropdownMenuContent } from "./DropdownMenuContent.vue";
 export { default as DropdownMenuGroup } from "./DropdownMenuGroup.vue";
@@ -13,4 +13,3 @@ export { default as DropdownMenuSub } from "./DropdownMenuSub.vue";
 export { default as DropdownMenuSubContent } from "./DropdownMenuSubContent.vue";
 export { default as DropdownMenuSubTrigger } from "./DropdownMenuSubTrigger.vue";
 export { default as DropdownMenuTrigger } from "./DropdownMenuTrigger.vue";
-export { DropdownMenuPortal } from "reka-ui";
diff --git a/components/ui/form/FormDescription.vue b/components/ui/form/FormDescription.vue
index 77f4325..203a782 100644
--- a/components/ui/form/FormDescription.vue
+++ b/components/ui/form/FormDescription.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 import { useFormField } from "./useFormField";
 
 const props = defineProps<{
diff --git a/components/ui/form/FormItem.vue b/components/ui/form/FormItem.vue
index 9a9289c..f21b8f1 100644
--- a/components/ui/form/FormItem.vue
+++ b/components/ui/form/FormItem.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { cn } from "@/lib/utils";
 import { useId } from "reka-ui";
 import { type HTMLAttributes, provide } from "vue";
+import { cn } from "@/lib/utils";
 import { FORM_ITEM_INJECTION_KEY } from "./injectionKeys";
 
 const props = defineProps<{
diff --git a/components/ui/form/FormLabel.vue b/components/ui/form/FormLabel.vue
index 0efdd26..8c50932 100644
--- a/components/ui/form/FormLabel.vue
+++ b/components/ui/form/FormLabel.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { Label } from "@/components/ui/label";
-import { cn } from "@/lib/utils";
 import type { LabelProps } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { Label } from "@/components/ui/label";
+import { cn } from "@/lib/utils";
 import { useFormField } from "./useFormField";
 
 const props = defineProps<LabelProps & { class?: HTMLAttributes["class"] }>();
diff --git a/components/ui/form/FormMessage.vue b/components/ui/form/FormMessage.vue
index e662318..4420257 100644
--- a/components/ui/form/FormMessage.vue
+++ b/components/ui/form/FormMessage.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { cn } from "@/lib/utils";
 import { ErrorMessage } from "vee-validate";
 import { type HTMLAttributes, toValue } from "vue";
+import { cn } from "@/lib/utils";
 import { useFormField } from "./useFormField";
 
 const props = defineProps<{
diff --git a/components/ui/form/index.ts b/components/ui/form/index.ts
index fd26b4e..6640328 100644
--- a/components/ui/form/index.ts
+++ b/components/ui/form/index.ts
@@ -1,11 +1,11 @@
+export {
+    Field as FormField,
+    FieldArray as FormFieldArray,
+    Form,
+} from "vee-validate";
 export { default as FormControl } from "./FormControl.vue";
 export { default as FormDescription } from "./FormDescription.vue";
 export { default as FormItem } from "./FormItem.vue";
 export { default as FormLabel } from "./FormLabel.vue";
 export { default as FormMessage } from "./FormMessage.vue";
 export { FORM_ITEM_INJECTION_KEY } from "./injectionKeys";
-export {
-    Form,
-    Field as FormField,
-    FieldArray as FormFieldArray,
-} from "vee-validate";
diff --git a/components/ui/hover-card/HoverCardContent.vue b/components/ui/hover-card/HoverCardContent.vue
index f96f351..1872006 100644
--- a/components/ui/hover-card/HoverCardContent.vue
+++ b/components/ui/hover-card/HoverCardContent.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import {
     HoverCardContent,
     type HoverCardContentProps,
     HoverCardPortal,
     useForwardProps,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = withDefaults(
     defineProps<HoverCardContentProps & { class?: HTMLAttributes["class"] }>(),
diff --git a/components/ui/input/Input.vue b/components/ui/input/Input.vue
index 06cc1b3..64479f9 100644
--- a/components/ui/input/Input.vue
+++ b/components/ui/input/Input.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { useVModel } from "@vueuse/core";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     defaultValue?: string | number;
diff --git a/components/ui/label/Label.vue b/components/ui/label/Label.vue
index fce7ab9..495bdf2 100644
--- a/components/ui/label/Label.vue
+++ b/components/ui/label/Label.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { Label, type LabelProps } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<LabelProps & { class?: HTMLAttributes["class"] }>();
 
diff --git a/components/ui/number-field/NumberField.vue b/components/ui/number-field/NumberField.vue
index b6717c5..692cb53 100644
--- a/components/ui/number-field/NumberField.vue
+++ b/components/ui/number-field/NumberField.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { NumberFieldRootEmits, NumberFieldRootProps } from "reka-ui";
 import { NumberFieldRoot, useForwardPropsEmits } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     NumberFieldRootProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/number-field/NumberFieldContent.vue b/components/ui/number-field/NumberFieldContent.vue
index bc5f9a4..965dafb 100644
--- a/components/ui/number-field/NumberFieldContent.vue
+++ b/components/ui/number-field/NumberFieldContent.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/number-field/NumberFieldDecrement.vue b/components/ui/number-field/NumberFieldDecrement.vue
index c0c2282..54afa3e 100644
--- a/components/ui/number-field/NumberFieldDecrement.vue
+++ b/components/ui/number-field/NumberFieldDecrement.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { Minus } from "lucide-vue-next";
 import type { NumberFieldDecrementProps } from "reka-ui";
 import { NumberFieldDecrement, useForwardProps } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     NumberFieldDecrementProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/number-field/NumberFieldIncrement.vue b/components/ui/number-field/NumberFieldIncrement.vue
index 710fe71..337de87 100644
--- a/components/ui/number-field/NumberFieldIncrement.vue
+++ b/components/ui/number-field/NumberFieldIncrement.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { Plus } from "lucide-vue-next";
 import type { NumberFieldIncrementProps } from "reka-ui";
 import { NumberFieldIncrement, useForwardProps } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     NumberFieldIncrementProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/number-field/NumberFieldInput.vue b/components/ui/number-field/NumberFieldInput.vue
index 045994f..5461efb 100644
--- a/components/ui/number-field/NumberFieldInput.vue
+++ b/components/ui/number-field/NumberFieldInput.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { NumberFieldInput } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/popover/PopoverContent.vue b/components/ui/popover/PopoverContent.vue
index 4d52036..bd6dd68 100644
--- a/components/ui/popover/PopoverContent.vue
+++ b/components/ui/popover/PopoverContent.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import {
     PopoverContent,
     type PopoverContentEmits,
@@ -7,7 +6,8 @@ import {
     PopoverPortal,
     useForwardPropsEmits,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 defineOptions({
     inheritAttrs: false,
diff --git a/components/ui/select/SelectContent.vue b/components/ui/select/SelectContent.vue
index a499e63..913b672 100644
--- a/components/ui/select/SelectContent.vue
+++ b/components/ui/select/SelectContent.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import {
     SelectContent,
     type SelectContentEmits,
@@ -8,7 +7,8 @@ import {
     SelectViewport,
     useForwardPropsEmits,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 import { SelectScrollDownButton, SelectScrollUpButton } from ".";
 
 defineOptions({
diff --git a/components/ui/select/SelectItem.vue b/components/ui/select/SelectItem.vue
index 58bc5b6..9ea7624 100644
--- a/components/ui/select/SelectItem.vue
+++ b/components/ui/select/SelectItem.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { Check } from "lucide-vue-next";
 import {
     SelectItem,
@@ -8,7 +7,8 @@ import {
     SelectItemText,
     useForwardProps,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     SelectItemProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/select/SelectLabel.vue b/components/ui/select/SelectLabel.vue
index a1243f4..bad9b20 100644
--- a/components/ui/select/SelectLabel.vue
+++ b/components/ui/select/SelectLabel.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { SelectLabel, type SelectLabelProps } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     SelectLabelProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/select/SelectScrollDownButton.vue b/components/ui/select/SelectScrollDownButton.vue
index 4691ea2..676d201 100644
--- a/components/ui/select/SelectScrollDownButton.vue
+++ b/components/ui/select/SelectScrollDownButton.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { ChevronDown } from "lucide-vue-next";
 import {
     SelectScrollDownButton,
     type SelectScrollDownButtonProps,
     useForwardProps,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     SelectScrollDownButtonProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/select/SelectScrollUpButton.vue b/components/ui/select/SelectScrollUpButton.vue
index 3944e9d..de7be3f 100644
--- a/components/ui/select/SelectScrollUpButton.vue
+++ b/components/ui/select/SelectScrollUpButton.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { ChevronUp } from "lucide-vue-next";
 import {
     SelectScrollUpButton,
     type SelectScrollUpButtonProps,
     useForwardProps,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     SelectScrollUpButtonProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/select/SelectSeparator.vue b/components/ui/select/SelectSeparator.vue
index 936e994..a2371aa 100644
--- a/components/ui/select/SelectSeparator.vue
+++ b/components/ui/select/SelectSeparator.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { SelectSeparator, type SelectSeparatorProps } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     SelectSeparatorProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/select/SelectTrigger.vue b/components/ui/select/SelectTrigger.vue
index e9a8f6b..568a075 100644
--- a/components/ui/select/SelectTrigger.vue
+++ b/components/ui/select/SelectTrigger.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { reactiveOmit } from "@vueuse/core";
 import { ChevronDown } from "lucide-vue-next";
 import {
@@ -9,6 +8,7 @@ import {
     useForwardProps,
 } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = withDefaults(
     defineProps<
diff --git a/components/ui/separator/Separator.vue b/components/ui/separator/Separator.vue
index 3f34b2a..6b093d1 100644
--- a/components/ui/separator/Separator.vue
+++ b/components/ui/separator/Separator.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { reactiveOmit } from "@vueuse/core";
 import { Separator, type SeparatorProps } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = withDefaults(
     defineProps<SeparatorProps & { class?: HTMLAttributes["class"] }>(),
diff --git a/components/ui/sheet/SheetContent.vue b/components/ui/sheet/SheetContent.vue
index ff78633..de0e883 100644
--- a/components/ui/sheet/SheetContent.vue
+++ b/components/ui/sheet/SheetContent.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { reactiveOmit } from "@vueuse/core";
 import { X } from "lucide-vue-next";
 import {
@@ -11,6 +10,7 @@ import {
     useForwardPropsEmits,
 } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 import SheetOverlay from "./SheetOverlay.vue";
 
 interface SheetContentProps extends DialogContentProps {
diff --git a/components/ui/sheet/SheetDescription.vue b/components/ui/sheet/SheetDescription.vue
index 9277384..c336fff 100644
--- a/components/ui/sheet/SheetDescription.vue
+++ b/components/ui/sheet/SheetDescription.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { DialogDescription, type DialogDescriptionProps } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DialogDescriptionProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/sheet/SheetFooter.vue b/components/ui/sheet/SheetFooter.vue
index fdcc412..50fd365 100644
--- a/components/ui/sheet/SheetFooter.vue
+++ b/components/ui/sheet/SheetFooter.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{ class?: HTMLAttributes["class"] }>();
 </script>
diff --git a/components/ui/sheet/SheetHeader.vue b/components/ui/sheet/SheetHeader.vue
index 8aea184..169e184 100644
--- a/components/ui/sheet/SheetHeader.vue
+++ b/components/ui/sheet/SheetHeader.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{ class?: HTMLAttributes["class"] }>();
 </script>
diff --git a/components/ui/sheet/SheetOverlay.vue b/components/ui/sheet/SheetOverlay.vue
index 7ef445b..4ec8170 100644
--- a/components/ui/sheet/SheetOverlay.vue
+++ b/components/ui/sheet/SheetOverlay.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { DialogOverlay, type DialogOverlayProps } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DialogOverlayProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/sheet/SheetTitle.vue b/components/ui/sheet/SheetTitle.vue
index 3c27f05..701f7a6 100644
--- a/components/ui/sheet/SheetTitle.vue
+++ b/components/ui/sheet/SheetTitle.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { DialogTitle, type DialogTitleProps } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     DialogTitleProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/sidebar/SidebarContent.vue b/components/ui/sidebar/SidebarContent.vue
index 43071fd..2714912 100644
--- a/components/ui/sidebar/SidebarContent.vue
+++ b/components/ui/sidebar/SidebarContent.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/sidebar/SidebarFooter.vue b/components/ui/sidebar/SidebarFooter.vue
index 65a55cc..9ab692b 100644
--- a/components/ui/sidebar/SidebarFooter.vue
+++ b/components/ui/sidebar/SidebarFooter.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/sidebar/SidebarGroup.vue b/components/ui/sidebar/SidebarGroup.vue
index c071a6f..c077a81 100644
--- a/components/ui/sidebar/SidebarGroup.vue
+++ b/components/ui/sidebar/SidebarGroup.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/sidebar/SidebarGroupAction.vue b/components/ui/sidebar/SidebarGroupAction.vue
index 54326c0..5f45e81 100644
--- a/components/ui/sidebar/SidebarGroupAction.vue
+++ b/components/ui/sidebar/SidebarGroupAction.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { PrimitiveProps } from "reka-ui";
 import { Primitive } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     PrimitiveProps & {
diff --git a/components/ui/sidebar/SidebarGroupContent.vue b/components/ui/sidebar/SidebarGroupContent.vue
index 1db63b3..560254f 100644
--- a/components/ui/sidebar/SidebarGroupContent.vue
+++ b/components/ui/sidebar/SidebarGroupContent.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/sidebar/SidebarGroupLabel.vue b/components/ui/sidebar/SidebarGroupLabel.vue
index 6e32ebf..d20c3cc 100644
--- a/components/ui/sidebar/SidebarGroupLabel.vue
+++ b/components/ui/sidebar/SidebarGroupLabel.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { PrimitiveProps } from "reka-ui";
 import { Primitive } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     PrimitiveProps & {
diff --git a/components/ui/sidebar/SidebarHeader.vue b/components/ui/sidebar/SidebarHeader.vue
index ce851be..df8a977 100644
--- a/components/ui/sidebar/SidebarHeader.vue
+++ b/components/ui/sidebar/SidebarHeader.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/sidebar/SidebarInput.vue b/components/ui/sidebar/SidebarInput.vue
index 8bf14e0..0fe69b1 100644
--- a/components/ui/sidebar/SidebarInput.vue
+++ b/components/ui/sidebar/SidebarInput.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import type { HTMLAttributes } from "vue";
 import { Input } from "@/components/ui/input";
 import { cn } from "@/lib/utils";
-import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/sidebar/SidebarInset.vue b/components/ui/sidebar/SidebarInset.vue
index 71cf123..b9efbb6 100644
--- a/components/ui/sidebar/SidebarInset.vue
+++ b/components/ui/sidebar/SidebarInset.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/sidebar/SidebarMenu.vue b/components/ui/sidebar/SidebarMenu.vue
index a249ec4..6136309 100644
--- a/components/ui/sidebar/SidebarMenu.vue
+++ b/components/ui/sidebar/SidebarMenu.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/sidebar/SidebarMenuAction.vue b/components/ui/sidebar/SidebarMenuAction.vue
index 051579f..7aa0626 100644
--- a/components/ui/sidebar/SidebarMenuAction.vue
+++ b/components/ui/sidebar/SidebarMenuAction.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { Primitive, type PrimitiveProps } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = withDefaults(
     defineProps<
diff --git a/components/ui/sidebar/SidebarMenuBadge.vue b/components/ui/sidebar/SidebarMenuBadge.vue
index e941936..c48dfec 100644
--- a/components/ui/sidebar/SidebarMenuBadge.vue
+++ b/components/ui/sidebar/SidebarMenuBadge.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/sidebar/SidebarMenuButton.vue b/components/ui/sidebar/SidebarMenuButton.vue
index 70381f5..724b910 100644
--- a/components/ui/sidebar/SidebarMenuButton.vue
+++ b/components/ui/sidebar/SidebarMenuButton.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
+import { type Component, computed } from "vue";
 import {
     Tooltip,
     TooltipContent,
     TooltipTrigger,
 } from "@/components/ui/tooltip";
-import { type Component, computed } from "vue";
 import SidebarMenuButtonChild, {
     type SidebarMenuButtonProps,
 } from "./SidebarMenuButtonChild.vue";
diff --git a/components/ui/sidebar/SidebarMenuButtonChild.vue b/components/ui/sidebar/SidebarMenuButtonChild.vue
index d66966a..5c6483c 100644
--- a/components/ui/sidebar/SidebarMenuButtonChild.vue
+++ b/components/ui/sidebar/SidebarMenuButtonChild.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { Primitive, type PrimitiveProps } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 import { type SidebarMenuButtonVariants, sidebarMenuButtonVariants } from ".";
 
 export interface SidebarMenuButtonProps extends PrimitiveProps {
diff --git a/components/ui/sidebar/SidebarMenuItem.vue b/components/ui/sidebar/SidebarMenuItem.vue
index 3de8448..4ac890c 100644
--- a/components/ui/sidebar/SidebarMenuItem.vue
+++ b/components/ui/sidebar/SidebarMenuItem.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/sidebar/SidebarMenuSkeleton.vue b/components/ui/sidebar/SidebarMenuSkeleton.vue
index 2fb931e..2c1b173 100644
--- a/components/ui/sidebar/SidebarMenuSkeleton.vue
+++ b/components/ui/sidebar/SidebarMenuSkeleton.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import { computed, type HTMLAttributes } from "vue";
 import { Skeleton } from "@/components/ui/skeleton";
 import { cn } from "@/lib/utils";
-import { type HTMLAttributes, computed } from "vue";
 
 const props = defineProps<{
     showIcon?: boolean;
diff --git a/components/ui/sidebar/SidebarMenuSub.vue b/components/ui/sidebar/SidebarMenuSub.vue
index b8231f5..cc24da4 100644
--- a/components/ui/sidebar/SidebarMenuSub.vue
+++ b/components/ui/sidebar/SidebarMenuSub.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/sidebar/SidebarMenuSubButton.vue b/components/ui/sidebar/SidebarMenuSubButton.vue
index 79e5f91..e91cafa 100644
--- a/components/ui/sidebar/SidebarMenuSubButton.vue
+++ b/components/ui/sidebar/SidebarMenuSubButton.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { PrimitiveProps } from "reka-ui";
 import { Primitive } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = withDefaults(
     defineProps<
diff --git a/components/ui/sidebar/SidebarMenuSubItem.vue b/components/ui/sidebar/SidebarMenuSubItem.vue
index 8a35888..c5db3ad 100644
--- a/components/ui/sidebar/SidebarMenuSubItem.vue
+++ b/components/ui/sidebar/SidebarMenuSubItem.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/sidebar/SidebarProvider.vue b/components/ui/sidebar/SidebarProvider.vue
index bc55c51..fe8c3db 100644
--- a/components/ui/sidebar/SidebarProvider.vue
+++ b/components/ui/sidebar/SidebarProvider.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { useEventListener, useMediaQuery, useVModel } from "@vueuse/core";
 import { TooltipProvider } from "reka-ui";
-import { type HTMLAttributes, type Ref, computed, ref } from "vue";
+import { computed, type HTMLAttributes, type Ref, ref } from "vue";
+import { cn } from "@/lib/utils";
 import {
+    provideSidebarContext,
     SIDEBAR_COOKIE_MAX_AGE,
     SIDEBAR_COOKIE_NAME,
     SIDEBAR_KEYBOARD_SHORTCUT,
     SIDEBAR_WIDTH,
     SIDEBAR_WIDTH_ICON,
-    provideSidebarContext,
 } from "./utils";
 
 const props = withDefaults(
diff --git a/components/ui/sidebar/SidebarRail.vue b/components/ui/sidebar/SidebarRail.vue
index 8299b5f..0b01048 100644
--- a/components/ui/sidebar/SidebarRail.vue
+++ b/components/ui/sidebar/SidebarRail.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 import { useSidebar } from "./utils";
 
 const props = defineProps<{
diff --git a/components/ui/sidebar/SidebarSeparator.vue b/components/ui/sidebar/SidebarSeparator.vue
index 65cbb63..5189ec7 100644
--- a/components/ui/sidebar/SidebarSeparator.vue
+++ b/components/ui/sidebar/SidebarSeparator.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import type { HTMLAttributes } from "vue";
 import { Separator } from "@/components/ui/separator";
 import { cn } from "@/lib/utils";
-import type { HTMLAttributes } from "vue";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/sidebar/SidebarTrigger.vue b/components/ui/sidebar/SidebarTrigger.vue
index 9f69d4c..1b38686 100644
--- a/components/ui/sidebar/SidebarTrigger.vue
+++ b/components/ui/sidebar/SidebarTrigger.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { Button } from "@/components/ui/button";
-import { cn } from "@/lib/utils";
 import { PanelLeft } from "lucide-vue-next";
 import type { HTMLAttributes } from "vue";
+import { Button } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
 import { useSidebar } from "./utils";
 
 const props = defineProps<{
diff --git a/components/ui/skeleton/Skeleton.vue b/components/ui/skeleton/Skeleton.vue
index 717f672..c51118e 100644
--- a/components/ui/skeleton/Skeleton.vue
+++ b/components/ui/skeleton/Skeleton.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 interface SkeletonProps {
     class?: HTMLAttributes["class"];
diff --git a/components/ui/switch/Switch.vue b/components/ui/switch/Switch.vue
index e42d7e7..15ec0ea 100644
--- a/components/ui/switch/Switch.vue
+++ b/components/ui/switch/Switch.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import {
     SwitchRoot,
     type SwitchRootEmits,
@@ -7,7 +6,8 @@ import {
     SwitchThumb,
     useForwardPropsEmits,
 } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     SwitchRootProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/table/Table.vue b/components/ui/table/Table.vue
index 418423d..031ec1e 100644
--- a/components/ui/table/Table.vue
+++ b/components/ui/table/Table.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/table/TableBody.vue b/components/ui/table/TableBody.vue
index 41d6b9c..47cc848 100644
--- a/components/ui/table/TableBody.vue
+++ b/components/ui/table/TableBody.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/table/TableCaption.vue b/components/ui/table/TableCaption.vue
index 064dfb5..32015d4 100644
--- a/components/ui/table/TableCaption.vue
+++ b/components/ui/table/TableCaption.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/table/TableCell.vue b/components/ui/table/TableCell.vue
index 6898cda..09e5251 100644
--- a/components/ui/table/TableCell.vue
+++ b/components/ui/table/TableCell.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/table/TableEmpty.vue b/components/ui/table/TableEmpty.vue
index a822f44..47ceb6b 100644
--- a/components/ui/table/TableEmpty.vue
+++ b/components/ui/table/TableEmpty.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
+import { computed, type HTMLAttributes } from "vue";
 import { cn } from "@/lib/utils";
-import { type HTMLAttributes, computed } from "vue";
 import TableCell from "./TableCell.vue";
 import TableRow from "./TableRow.vue";
 
diff --git a/components/ui/table/TableFooter.vue b/components/ui/table/TableFooter.vue
index d5ee81d..dd271c3 100644
--- a/components/ui/table/TableFooter.vue
+++ b/components/ui/table/TableFooter.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/table/TableHead.vue b/components/ui/table/TableHead.vue
index c791e60..3d04036 100644
--- a/components/ui/table/TableHead.vue
+++ b/components/ui/table/TableHead.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/table/TableHeader.vue b/components/ui/table/TableHeader.vue
index 400daa1..14855df 100644
--- a/components/ui/table/TableHeader.vue
+++ b/components/ui/table/TableHeader.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/table/TableRow.vue b/components/ui/table/TableRow.vue
index 221d70a..109549e 100644
--- a/components/ui/table/TableRow.vue
+++ b/components/ui/table/TableRow.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/tabs/Tabs.vue b/components/ui/tabs/Tabs.vue
index a080159..3c8f6df 100644
--- a/components/ui/tabs/Tabs.vue
+++ b/components/ui/tabs/Tabs.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { reactiveOmit } from "@vueuse/core";
 import type { TabsRootEmits, TabsRootProps } from "reka-ui";
 import { TabsRoot, useForwardPropsEmits } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     TabsRootProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/tabs/TabsContent.vue b/components/ui/tabs/TabsContent.vue
index 5d299a9..1ff9b71 100644
--- a/components/ui/tabs/TabsContent.vue
+++ b/components/ui/tabs/TabsContent.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { TabsContent, type TabsContentProps } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     TabsContentProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/tabs/TabsList.vue b/components/ui/tabs/TabsList.vue
index 1ebe4b7..a1e8809 100644
--- a/components/ui/tabs/TabsList.vue
+++ b/components/ui/tabs/TabsList.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { TabsList, type TabsListProps } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     TabsListProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/tabs/TabsTrigger.vue b/components/ui/tabs/TabsTrigger.vue
index f3bb35a..eadf506 100644
--- a/components/ui/tabs/TabsTrigger.vue
+++ b/components/ui/tabs/TabsTrigger.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { TabsTrigger, type TabsTriggerProps, useForwardProps } from "reka-ui";
-import { type HTMLAttributes, computed } from "vue";
+import { computed, type HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<
     TabsTriggerProps & { class?: HTMLAttributes["class"] }
diff --git a/components/ui/textarea/Textarea.vue b/components/ui/textarea/Textarea.vue
index 9ae141c..652df58 100644
--- a/components/ui/textarea/Textarea.vue
+++ b/components/ui/textarea/Textarea.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { useVModel } from "@vueuse/core";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 const props = defineProps<{
     class?: HTMLAttributes["class"];
diff --git a/components/ui/toggle/Toggle.vue b/components/ui/toggle/Toggle.vue
index d390743..e50e697 100644
--- a/components/ui/toggle/Toggle.vue
+++ b/components/ui/toggle/Toggle.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { reactiveOmit } from "@vueuse/core";
 import {
     Toggle,
@@ -8,6 +7,7 @@ import {
     useForwardPropsEmits,
 } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 import { type ToggleVariants, toggleVariants } from ".";
 
 const props = withDefaults(
diff --git a/components/ui/toggle/index.ts b/components/ui/toggle/index.ts
index eb6ef62..a19f966 100644
--- a/components/ui/toggle/index.ts
+++ b/components/ui/toggle/index.ts
@@ -1,4 +1,4 @@
-import { type VariantProps, cva } from "class-variance-authority";
+import { cva, type VariantProps } from "class-variance-authority";
 
 export { default as Toggle } from "./Toggle.vue";
 
diff --git a/components/ui/tooltip/TooltipContent.vue b/components/ui/tooltip/TooltipContent.vue
index 2eefb20..b524f24 100644
--- a/components/ui/tooltip/TooltipContent.vue
+++ b/components/ui/tooltip/TooltipContent.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { cn } from "@/lib/utils";
 import { reactiveOmit } from "@vueuse/core";
 import {
     TooltipArrow,
@@ -10,6 +9,7 @@ import {
     useForwardPropsEmits,
 } from "reka-ui";
 import type { HTMLAttributes } from "vue";
+import { cn } from "@/lib/utils";
 
 defineOptions({
     inheritAttrs: false,
diff --git a/package.json b/package.json
index 7fec442..01a8086 100644
--- a/package.json
+++ b/package.json
@@ -86,7 +86,7 @@
         "zod": "^3.25.67"
     },
     "devDependencies": {
-        "@biomejs/biome": "^1.9.4",
+        "@biomejs/biome": "^2.0.5",
         "@iconify-json/fluent-emoji": "^1.2.3",
         "@iconify-json/fluent-emoji-flat": "^1.2.3",
         "@iconify-json/noto": "^1.2.3",
diff --git a/pages/oauth/authorize.vue b/pages/oauth/authorize.vue
index 94b09c6..75b040b 100644
--- a/pages/oauth/authorize.vue
+++ b/pages/oauth/authorize.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import { Client } from "@versia/client";
 import { AlertCircle, Loader } from "lucide-vue-next";
+import { NuxtLink } from "#components";
 import UserAuthForm from "~/components/oauth/login.vue";
 import { Alert, AlertDescription, AlertTitle } from "~/components/ui/alert";
 import { Button } from "~/components/ui/button";
 import * as m from "~/paraglide/messages.js";
-import { NuxtLink } from "#components";
 
 useHead({
     title: m.fuzzy_sea_moth_absorb(),
diff --git a/pages/oauth/consent.vue b/pages/oauth/consent.vue
index afbf712..974abe5 100644
--- a/pages/oauth/consent.vue
+++ b/pages/oauth/consent.vue
@@ -58,6 +58,7 @@
 
 <script setup lang="ts">
 import { Check } from "lucide-vue-next";
+import { NuxtLink } from "#components";
 import { Button } from "~/components/ui/button";
 import {
     Card,
@@ -67,7 +68,6 @@ import {
     CardTitle,
 } from "~/components/ui/card";
 import * as m from "~/paraglide/messages.js";
-import { NuxtLink } from "#components";
 
 useHead({
     title: m.lower_factual_frog_evoke(),
diff --git a/pages/oauth/reset.vue b/pages/oauth/reset.vue
index 0e2b8c6..411c902 100644
--- a/pages/oauth/reset.vue
+++ b/pages/oauth/reset.vue
@@ -111,6 +111,7 @@ import { toTypedSchema } from "@vee-validate/zod";
 import { AlertCircle } from "lucide-vue-next";
 import { useForm } from "vee-validate";
 import { z } from "zod";
+import { NuxtLink } from "#components";
 import { Alert, AlertDescription, AlertTitle } from "~/components/ui/alert";
 import { Button } from "~/components/ui/button";
 import {
@@ -130,7 +131,6 @@ import {
 } from "~/components/ui/form";
 import { Input } from "~/components/ui/input";
 import * as m from "~/paraglide/messages.js";
-import { NuxtLink } from "#components";
 
 useHead({
     title: m.arable_arable_herring_lead(),
diff --git a/pages/register/index.vue b/pages/register/index.vue
index e856e82..b080dfb 100644
--- a/pages/register/index.vue
+++ b/pages/register/index.vue
@@ -120,6 +120,7 @@ import { Client, type ResponseError } from "@versia/client";
 import { AlertCircle, Loader } from "lucide-vue-next";
 import { useForm } from "vee-validate";
 import { z } from "zod";
+import { NuxtLink } from "#components";
 import { Button } from "~/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "~/components/ui/card";
 import { Checkbox } from "~/components/ui/checkbox";
@@ -127,7 +128,6 @@ import { Dialog, DialogContent, DialogHeader } from "~/components/ui/dialog";
 import { FormItem } from "~/components/ui/form";
 import { Input } from "~/components/ui/input";
 import * as m from "~/paraglide/messages.js";
-import { NuxtLink } from "#components";
 
 useHead({
     title: m.early_last_ocelot_praise(),
diff --git a/pages/register/success.vue b/pages/register/success.vue
index 5b370e2..09bf96f 100644
--- a/pages/register/success.vue
+++ b/pages/register/success.vue
@@ -19,10 +19,10 @@
 </template>
 
 <script setup lang="ts">
+import { NuxtLink } from "#components";
 import { Button } from "~/components/ui/button";
 import { Card, CardFooter, CardHeader, CardTitle } from "~/components/ui/card";
 import * as m from "~/paraglide/messages.js";
-import { NuxtLink } from "#components";
 
 useHead({
     title: "Success!",
diff --git a/utils/emojis.ts b/utils/emojis.ts
index 405b4ec..00d6a64 100644
--- a/utils/emojis.ts
+++ b/utils/emojis.ts
@@ -1,9 +1,9 @@
 import { mkdir, writeFile } from "node:fs/promises";
+import { getIconData, iconToHTML, iconToSVG, replaceIDs } from "@iconify/utils";
 import * as fluentEmojiData from "@iconify-json/fluent-emoji";
 import * as fluentFlatEmojiData from "@iconify-json/fluent-emoji-flat";
 import * as notoEmojiData from "@iconify-json/noto";
 import * as twemojiData from "@iconify-json/twemoji";
-import { getIconData, iconToHTML, iconToSVG, replaceIDs } from "@iconify/utils";
 
 const emojiSets = {
     twemoji: twemojiData,