diff --git a/src/lib/components/channel.svelte b/src/lib/components/channel.svelte
index c811dad..7942960 100644
--- a/src/lib/components/channel.svelte
+++ b/src/lib/components/channel.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import MessageSquare from 'lucide-svelte/icons/message-square';
   import { page } from '$app/state';
+  import MessageSquare from 'lucide-svelte/icons/message-square';
 
   interface Props {
     channelName: string;
diff --git a/src/lib/components/channelDialog.svelte b/src/lib/components/channelDialog.svelte
index 64700bc..58eb489 100644
--- a/src/lib/components/channelDialog.svelte
+++ b/src/lib/components/channelDialog.svelte
@@ -2,10 +2,10 @@
   import { Button, buttonVariants } from '$lib/components/ui/button/index.js';
   import * as Dialog from '$lib/components/ui/dialog/index.js';
   import { Input } from '$lib/components/ui/input/index.js';
-  import type { SuperValidated, Infer } from 'sveltekit-superforms';
-  import { superForm } from 'sveltekit-superforms';
-  import type { NewChannelSchema } from '$lib/types/schema';
   import { Label } from '$lib/components/ui/label/index';
+  import type { NewChannelSchema } from '$lib/types/schema';
+  import type { Infer, SuperValidated } from 'sveltekit-superforms';
+  import { superForm } from 'sveltekit-superforms';
 
   let open: boolean = $state(false);
   let { data }: { data: SuperValidated<Infer<NewChannelSchema>> } = $props();
diff --git a/src/lib/components/mainLayout.svelte b/src/lib/components/mainLayout.svelte
index 840f76f..6fc00ac 100644
--- a/src/lib/components/mainLayout.svelte
+++ b/src/lib/components/mainLayout.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
   import MessagesSquare from 'lucide-svelte/icons/messages-square';
+  import type { Snippet } from 'svelte';
   import type { SuperValidated } from 'sveltekit-superforms';
+  import Channel from './channel.svelte';
   import ChannelDialog from './channelDialog.svelte';
   import ModeSwitcher from './modeSwitcher.svelte';
-  import Channel from './channel.svelte';
-  import type { Snippet } from 'svelte';
 
   interface Props {
     data: SuperValidated<
diff --git a/src/lib/components/modeSwitcher.svelte b/src/lib/components/modeSwitcher.svelte
index 6ddc4c3..04e986c 100644
--- a/src/lib/components/modeSwitcher.svelte
+++ b/src/lib/components/modeSwitcher.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-  import Sun from 'lucide-svelte/icons/sun';
-  import Moon from 'lucide-svelte/icons/moon-star';
-  import { toggleMode } from 'mode-watcher';
   import { Button } from '$lib/components/ui/button/index';
+  import Moon from 'lucide-svelte/icons/moon-star';
+  import Sun from 'lucide-svelte/icons/sun';
+  import { toggleMode } from 'mode-watcher';
 </script>
 
 <Button on:click={toggleMode} variant="secondary" size="icon" class="ml-auto">
diff --git a/src/lib/functions/clientWebsocket.svelte.ts b/src/lib/functions/clientWebsocket.svelte.ts
index 5c08ce6..bc19808 100644
--- a/src/lib/functions/clientWebsocket.svelte.ts
+++ b/src/lib/functions/clientWebsocket.svelte.ts
@@ -1,4 +1,4 @@
-import type { TypeMessage, TypeFullMessage } from '$lib/types';
+import type { TypeFullMessage, TypeMessage } from '$lib/types';
 import type { Socket } from 'socket.io-client';
 
 class Websocket {
diff --git a/src/lib/functions/websocketConfig.ts b/src/lib/functions/websocketConfig.ts
index 538e644..104fc2c 100644
--- a/src/lib/functions/websocketConfig.ts
+++ b/src/lib/functions/websocketConfig.ts
@@ -2,8 +2,8 @@ import { Server as SocketIOServer } from 'socket.io';
 import type { HttpServer } from 'vite';
 // Don't try to replace with $lib alias. Since this
 // file gets loaded as a vite plugin, it will crash
-import { db } from '../server/db';
 import { v4 as uuidv4 } from 'uuid';
+import { db } from '../server/db';
 
 let io: SocketIOServer | undefined;
 
diff --git a/src/lib/hooks.server.ts b/src/lib/hooks.server.ts
index f4207cf..bcf6dcd 100644
--- a/src/lib/hooks.server.ts
+++ b/src/lib/hooks.server.ts
@@ -1,7 +1,7 @@
 import { building } from '$app/environment';
+import { startupSocketIOServer } from '$lib/functions/websocketConfig';
 import type { Handle } from '@sveltejs/kit';
 import { Server as SocketIOServer } from 'socket.io';
-import { startupSocketIOServer } from '$lib/functions/websocketConfig';
 
 let io: SocketIOServer | undefined;
 export const handle = (async ({ event, resolve }) => {
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index 362d630..c41f31e 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -1,7 +1,7 @@
 import { type ClassValue, clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
 import { cubicOut } from 'svelte/easing';
 import type { TransitionConfig } from 'svelte/transition';
+import { twMerge } from 'tailwind-merge';
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
index f5ee9cd..d2a2951 100644
--- a/src/routes/+error.svelte
+++ b/src/routes/+error.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
   import { page } from '$app/state';
   import { Button } from '$lib/components/ui/button';
-  import BrokenHeart from 'lucide-svelte/icons/heart-crack';
   import * as Card from '$lib/components/ui/card';
+  import BrokenHeart from 'lucide-svelte/icons/heart-crack';
 </script>
 
 <main class="relative size-full">
diff --git a/src/routes/+layout.server.ts b/src/routes/+layout.server.ts
index 35485ea..729fde3 100644
--- a/src/routes/+layout.server.ts
+++ b/src/routes/+layout.server.ts
@@ -1,7 +1,7 @@
 import { db } from '$lib/server/db';
-import { zod } from 'sveltekit-superforms/adapters';
-import { superValidate } from 'sveltekit-superforms';
 import { newChannelSchema } from '$lib/types/schema';
+import { superValidate } from 'sveltekit-superforms';
+import { zod } from 'sveltekit-superforms/adapters';
 
 export async function load() {
   const form = await superValidate(zod(newChannelSchema));
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index ee13ea1..6976046 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-  import '../app.css';
-  import type { LayoutProps } from './$types';
   import MainLayout from '$lib/components/mainLayout.svelte';
   import { ModeWatcher } from 'mode-watcher';
+  import '../app.css';
+  import type { LayoutProps } from './$types';
   let { data, children }: LayoutProps = $props();
 </script>
 
diff --git a/src/routes/+page.server.ts b/src/routes/+page.server.ts
index d6f06a6..bbd717b 100644
--- a/src/routes/+page.server.ts
+++ b/src/routes/+page.server.ts
@@ -1,9 +1,9 @@
-import { redirect, fail } from '@sveltejs/kit';
-import { zod } from 'sveltekit-superforms/adapters';
-import { setError, superValidate, message } from 'sveltekit-superforms';
-import { newChannelSchema } from '$lib/types/schema';
-import type { Actions } from './$types';
 import { db } from '$lib/server/db';
+import { newChannelSchema } from '$lib/types/schema';
+import { fail, redirect } from '@sveltejs/kit';
+import { message, setError, superValidate } from 'sveltekit-superforms';
+import { zod } from 'sveltekit-superforms/adapters';
+import type { Actions } from './$types';
 
 export function load(): void {
   redirect(308, '/channel/general');
diff --git a/src/routes/channel/[channel]/+page.server.ts b/src/routes/channel/[channel]/+page.server.ts
index f3708c5..fb6b8f4 100644
--- a/src/routes/channel/[channel]/+page.server.ts
+++ b/src/routes/channel/[channel]/+page.server.ts
@@ -1,6 +1,6 @@
+import { db } from '$lib/server/db';
 import type { TypeMessage } from '$lib/types';
 import { error } from '@sveltejs/kit';
-import { db } from '$lib/server/db';
 
 export async function load({ params }): Promise<{ messages: TypeMessage[] }> {
   let messages: TypeMessage[];
diff --git a/src/routes/channel/[channel]/+page.svelte b/src/routes/channel/[channel]/+page.svelte
index 2920b99..dba8f34 100644
--- a/src/routes/channel/[channel]/+page.svelte
+++ b/src/routes/channel/[channel]/+page.svelte
@@ -1,15 +1,15 @@
 <script lang="ts">
+  import { page } from '$app/state';
+  import Message from '$lib/components/message.svelte';
+  import { Button } from '$lib/components/ui/button/index';
+  import { Input } from '$lib/components/ui/input/index';
+  import Websocket from '$lib/functions/clientWebsocket.svelte';
+  import type { TypeMessage } from '$lib/types';
+  import Send from 'lucide-svelte/icons/send';
   import { io } from 'socket.io-client';
   import { onMount } from 'svelte';
   import { v4 as uuidv4 } from 'uuid';
-  import type { TypeMessage } from '$lib/types';
   import type { PageData } from './$types';
-  import { Input } from '$lib/components/ui/input/index';
-  import { Button } from '$lib/components/ui/button/index';
-  import Send from 'lucide-svelte/icons/send';
-  import Message from '$lib/components/message.svelte';
-  import { page } from '$app/state';
-  import Websocket from '$lib/functions/clientWebsocket.svelte';
 
   const { data }: { data: PageData } = $props();