diff --git a/frontend/src/lib/components/DeviceCard.svelte b/frontend/src/lib/components/DeviceCard.svelte
index 4f5b6182..0268138e 100644
--- a/frontend/src/lib/components/DeviceCard.svelte
+++ b/frontend/src/lib/components/DeviceCard.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
-	import { pocketbase, backendUrl, permission } from '$lib/stores/pocketbase';
-	import DeviceCardNic from './DeviceCardNic.svelte';
-	import Fa from 'svelte-fa';
+	import { backendUrl, permission, pocketbase } from '$lib/stores/pocketbase';
+	import type { Device } from '$lib/types/device';
 	import {
 		faBed,
 		faCircleArrowDown,
@@ -11,10 +10,11 @@
 		faPen,
 		faRotateLeft
 	} from '@fortawesome/free-solid-svg-icons';
-	import { scale } from 'svelte/transition';
 	import { formatDistance, parseISO } from 'date-fns';
+	import Fa from 'svelte-fa';
 	import toast from 'svelte-french-toast';
-	import type { Device } from '$lib/types/device';
+	import { scale } from 'svelte/transition';
+	import DeviceCardNic from './DeviceCardNic.svelte';
 
 	export let device: Device;
 
diff --git a/frontend/src/lib/components/DeviceCardNic.svelte b/frontend/src/lib/components/DeviceCardNic.svelte
index 628a664a..2266ca65 100644
--- a/frontend/src/lib/components/DeviceCardNic.svelte
+++ b/frontend/src/lib/components/DeviceCardNic.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-	import { pocketbase, backendUrl, permission } from '$lib/stores/pocketbase';
-	import Fa from 'svelte-fa';
-	import { faCircle, faPowerOff } from '@fortawesome/free-solid-svg-icons';
-	import toast from 'svelte-french-toast';
+	import { backendUrl, permission, pocketbase } from '$lib/stores/pocketbase';
 	import type { Device } from '$lib/types/device';
+	import { faCircle, faPowerOff } from '@fortawesome/free-solid-svg-icons';
+	import Fa from 'svelte-fa';
+	import toast from 'svelte-french-toast';
 
 	export let device: Device;
 
diff --git a/frontend/src/lib/components/DeviceForm.svelte b/frontend/src/lib/components/DeviceForm.svelte
index 82ddc4e2..ffc90eb7 100644
--- a/frontend/src/lib/components/DeviceForm.svelte
+++ b/frontend/src/lib/components/DeviceForm.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
-	import { pocketbase, permission } from '$lib/stores/pocketbase';
 	import DeviceFormPort from '$lib/components/DeviceFormPort.svelte';
-	import toast from 'svelte-french-toast';
-	import Fa from 'svelte-fa';
+	import { permission, pocketbase } from '$lib/stores/pocketbase';
+	import type { Device, Group, Port } from '$lib/types/device';
 	import { faSave, faTrash, faX } from '@fortawesome/free-solid-svg-icons';
-	import type { Device, Port, Group } from '$lib/types/device';
 	import { onMount } from 'svelte';
+	import Fa from 'svelte-fa';
+	import toast from 'svelte-french-toast';
 
 	export let device: Device;
 
diff --git a/frontend/src/lib/components/DeviceFormPort.svelte b/frontend/src/lib/components/DeviceFormPort.svelte
index 63a4033d..c6f8c3c2 100644
--- a/frontend/src/lib/components/DeviceFormPort.svelte
+++ b/frontend/src/lib/components/DeviceFormPort.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
 	import { pocketbase } from '$lib/stores/pocketbase';
-	import { scale } from 'svelte/transition';
-	import Fa from 'svelte-fa';
-	import { faTrash } from '@fortawesome/free-solid-svg-icons';
-	import toast from 'svelte-french-toast';
 	import type { Device, Port } from '$lib/types/device';
+	import { faTrash } from '@fortawesome/free-solid-svg-icons';
 	import type { Record } from 'pocketbase';
+	import Fa from 'svelte-fa';
+	import toast from 'svelte-french-toast';
+	import { scale } from 'svelte/transition';
 
 	export let device: Device;
 	export let index: number;
diff --git a/frontend/src/lib/components/Navbar.svelte b/frontend/src/lib/components/Navbar.svelte
index 7c26d0be..1a219a1a 100644
--- a/frontend/src/lib/components/Navbar.svelte
+++ b/frontend/src/lib/components/Navbar.svelte
@@ -1,22 +1,22 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
 	import { page } from '$app/stores';
-	import { pocketbase, backendUrl, permission } from '$lib/stores/pocketbase';
+	import { backendUrl, permission, pocketbase } from '$lib/stores/pocketbase';
 	import { settingsPub } from '$lib/stores/settings';
-	import Fa from 'svelte-fa';
 	import {
+		faCheck,
+		faChevronDown,
 		faCog,
+		faDoorOpen,
 		faHome,
 		faPlus,
 		faSwatchbook,
-		faChevronDown,
-		faCheck,
-		faUsersGear,
 		faUserGear,
-		faDoorOpen
+		faUsersGear
 	} from '@fortawesome/free-solid-svg-icons';
-	import { themeChange } from 'theme-change';
 	import { onMount } from 'svelte';
+	import Fa from 'svelte-fa';
+	import { themeChange } from 'theme-change';
 
 	let availableThemes = [
 		'light',
diff --git a/frontend/src/lib/components/NetworkScan.svelte b/frontend/src/lib/components/NetworkScan.svelte
index cf93fac6..7f5b1ddb 100644
--- a/frontend/src/lib/components/NetworkScan.svelte
+++ b/frontend/src/lib/components/NetworkScan.svelte
@@ -1,15 +1,15 @@
 <script lang="ts">
-	import { onMount } from 'svelte';
 	import { goto } from '$app/navigation';
-	import { pocketbase, backendUrl } from '$lib/stores/pocketbase';
-	import { settingsPriv } from '$lib/stores/settings';
 	import PageLoading from '$lib/components/PageLoading.svelte';
-	import Fa from 'svelte-fa';
-	import { faMagnifyingGlass, faPlus, faX } from '@fortawesome/free-solid-svg-icons';
-	import toast from 'svelte-french-toast';
-	import type { SettingsPrivate } from '$lib/types/settings';
-	import type { ScanResponse, ScannedDevice } from '$lib/types/scan';
+	import { backendUrl, pocketbase } from '$lib/stores/pocketbase';
+	import { settingsPriv } from '$lib/stores/settings';
 	import type { Device } from '$lib/types/device';
+	import type { ScanResponse, ScannedDevice } from '$lib/types/scan';
+	import type { SettingsPrivate } from '$lib/types/settings';
+	import { faMagnifyingGlass, faPlus, faX } from '@fortawesome/free-solid-svg-icons';
+	import { onMount } from 'svelte';
+	import Fa from 'svelte-fa';
+	import toast from 'svelte-french-toast';
 
 	let scanRange = '';
 	let scanRunning = false;
diff --git a/frontend/src/lib/stores/pocketbase.ts b/frontend/src/lib/stores/pocketbase.ts
index 61d491c5..ba0b6f30 100644
--- a/frontend/src/lib/stores/pocketbase.ts
+++ b/frontend/src/lib/stores/pocketbase.ts
@@ -1,6 +1,6 @@
-import { writable } from 'svelte/store';
-import PocketBase from 'pocketbase';
 import type { Permission } from '$lib/types/permission';
+import PocketBase from 'pocketbase';
+import { writable } from 'svelte/store';
 
 // set backend url based on environment
 export const backendUrl = import.meta.env.DEV ? 'http://127.0.0.1:8090/' : '/';
diff --git a/frontend/src/lib/stores/settings.ts b/frontend/src/lib/stores/settings.ts
index 249ca8b1..78fb53f9 100644
--- a/frontend/src/lib/stores/settings.ts
+++ b/frontend/src/lib/stores/settings.ts
@@ -1,5 +1,5 @@
+import type { SettingsPrivate, SettingsPublic } from '$lib/types/settings';
 import { writable } from 'svelte/store';
-import type { SettingsPublic, SettingsPrivate } from '$lib/types/settings';
 
 export const settingsPub = writable<SettingsPublic>();
 export const settingsPriv = writable<SettingsPrivate>();
diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte
index 8d8d055e..b739aff7 100644
--- a/frontend/src/routes/+layout.svelte
+++ b/frontend/src/routes/+layout.svelte
@@ -1,19 +1,19 @@
 <script lang="ts">
-	import '../app.css';
-	import { onMount } from 'svelte';
 	import { goto } from '$app/navigation';
 	import { page } from '$app/stores';
-	import { pocketbase, backendUrl, permission } from '$lib/stores/pocketbase';
-	import { settingsPub } from '$lib/stores/settings';
 	import Navbar from '$lib/components/Navbar.svelte';
 	import Transition from '$lib/components/Transition.svelte';
-	import toast, { Toaster, type ToastOptions } from 'svelte-french-toast';
 	import { setLocale } from '$lib/i18n/i18n-svelte';
-	import { loadLocaleAsync } from '$lib/i18n/i18n-util.async';
-	import { detectLocale, localStorageDetector, navigatorDetector } from 'typesafe-i18n/detectors';
 	import { baseLocale, locales } from '$lib/i18n/i18n-util';
-	import type { SettingsPublic } from '$lib/types/settings';
+	import { loadLocaleAsync } from '$lib/i18n/i18n-util.async';
+	import { backendUrl, permission, pocketbase } from '$lib/stores/pocketbase';
+	import { settingsPub } from '$lib/stores/settings';
 	import type { Permission } from '$lib/types/permission';
+	import type { SettingsPublic } from '$lib/types/settings';
+	import { onMount } from 'svelte';
+	import toast, { Toaster, type ToastOptions } from 'svelte-french-toast';
+	import { detectLocale, localStorageDetector, navigatorDetector } from 'typesafe-i18n/detectors';
+	import '../app.css';
 
 	const toastOptions: ToastOptions = {
 		duration: 5000
diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index ca8cb580..72423b01 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -1,17 +1,17 @@
 <script lang="ts">
-	import { onMount } from 'svelte';
-	import { pocketbase, permission } from '$lib/stores/pocketbase';
+	import { browser } from '$app/environment';
 	import DeviceCard from '$lib/components/DeviceCard.svelte';
 	import PageLoading from '$lib/components/PageLoading.svelte';
-	import toast from 'svelte-french-toast';
-	import Fa from 'svelte-fa';
+	import { permission, pocketbase } from '$lib/stores/pocketbase';
+	import type { Device } from '$lib/types/device';
 	import {
 		faChevronCircleLeft,
 		faChevronCircleRight,
 		faPlus
 	} from '@fortawesome/free-solid-svg-icons';
-	import { browser } from '$app/environment';
-	import type { Device } from '$lib/types/device';
+	import { onMount } from 'svelte';
+	import Fa from 'svelte-fa';
+	import toast from 'svelte-french-toast';
 
 	let loading = true;
 	let devices = [] as Device[];
diff --git a/frontend/src/routes/account/+page.svelte b/frontend/src/routes/account/+page.svelte
index 01425138..82670411 100644
--- a/frontend/src/routes/account/+page.svelte
+++ b/frontend/src/routes/account/+page.svelte
@@ -1,16 +1,15 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
-	import { onMount } from 'svelte';
-	import { pocketbase, backendUrl } from '$lib/stores/pocketbase';
-	import toast from 'svelte-french-toast';
-	import Fa from 'svelte-fa';
-	import { faSave } from '@fortawesome/free-solid-svg-icons';
-	import { loadLocaleAsync } from '$lib/i18n/i18n-util.async';
-	import { setLocale } from '$lib/i18n/i18n-svelte';
-	import { baseLocale, locales } from '$lib/i18n/i18n-util';
-	import { detectLocale, navigatorDetector } from 'typesafe-i18n/detectors';
-	import LL from '$lib/i18n/i18n-svelte';
+	import LL, { setLocale } from '$lib/i18n/i18n-svelte';
 	import type { Locales } from '$lib/i18n/i18n-types';
+	import { baseLocale, locales } from '$lib/i18n/i18n-util';
+	import { loadLocaleAsync } from '$lib/i18n/i18n-util.async';
+	import { backendUrl, pocketbase } from '$lib/stores/pocketbase';
+	import { faSave } from '@fortawesome/free-solid-svg-icons';
+	import { onMount } from 'svelte';
+	import Fa from 'svelte-fa';
+	import toast from 'svelte-french-toast';
+	import { detectLocale, navigatorDetector } from 'typesafe-i18n/detectors';
 
 	let newAvatar: number;
 
diff --git a/frontend/src/routes/device/[id]/+page.svelte b/frontend/src/routes/device/[id]/+page.svelte
index f3efeb65..5b99700f 100644
--- a/frontend/src/routes/device/[id]/+page.svelte
+++ b/frontend/src/routes/device/[id]/+page.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-	import { page } from '$app/stores';
 	import { goto } from '$app/navigation';
-	import { pocketbase, permission } from '$lib/stores/pocketbase';
-	import PageLoading from '$lib/components/PageLoading.svelte';
+	import { page } from '$app/stores';
 	import DeviceForm from '$lib/components/DeviceForm.svelte';
-	import toast from 'svelte-french-toast';
+	import PageLoading from '$lib/components/PageLoading.svelte';
+	import { permission, pocketbase } from '$lib/stores/pocketbase';
 	import type { Device, Port } from '$lib/types/device';
+	import toast from 'svelte-french-toast';
 
 	$: if (Object.hasOwn($permission, 'update')) {
 		if (!$pocketbase.authStore.isAdmin && !$permission.update.includes($page.params.id)) {
diff --git a/frontend/src/routes/device/new/+page.svelte b/frontend/src/routes/device/new/+page.svelte
index 322b3ef3..d22a2608 100644
--- a/frontend/src/routes/device/new/+page.svelte
+++ b/frontend/src/routes/device/new/+page.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
-	import { page } from '$app/stores';
 	import { goto } from '$app/navigation';
+	import { page } from '$app/stores';
 	import DeviceForm from '$lib/components/DeviceForm.svelte';
 	import NetworkScan from '$lib/components/NetworkScan.svelte';
-	import { pocketbase, permission } from '$lib/stores/pocketbase';
+	import { permission, pocketbase } from '$lib/stores/pocketbase';
+	import type { Device, Port } from '$lib/types/device';
 	import { faBinoculars, faWrench } from '@fortawesome/free-solid-svg-icons';
 	import Fa from 'svelte-fa';
 	import toast from 'svelte-french-toast';
-	import type { Device, Port } from '$lib/types/device';
 
 	let device: Device = {
 		expand: {
diff --git a/frontend/src/routes/login/+page.svelte b/frontend/src/routes/login/+page.svelte
index a759950e..5926a9fc 100644
--- a/frontend/src/routes/login/+page.svelte
+++ b/frontend/src/routes/login/+page.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
+	import { toggleVisibility } from '$lib/helpers/forms';
 	import { pocketbase } from '$lib/stores/pocketbase';
 	import { settingsPub } from '$lib/stores/settings';
-	import Fa from 'svelte-fa';
-	import { faLockOpen, faEye, faQuestionCircle } from '@fortawesome/free-solid-svg-icons';
-	import { toggleVisibility } from '$lib/helpers/forms';
-	import toast from 'svelte-french-toast';
+	import { faEye, faLockOpen, faQuestionCircle } from '@fortawesome/free-solid-svg-icons';
 	import { onMount } from 'svelte';
+	import Fa from 'svelte-fa';
+	import toast from 'svelte-french-toast';
 
 	let inputPassword: HTMLInputElement;
 	let form = {
diff --git a/frontend/src/routes/settings/+page.svelte b/frontend/src/routes/settings/+page.svelte
index deada05d..255bca94 100644
--- a/frontend/src/routes/settings/+page.svelte
+++ b/frontend/src/routes/settings/+page.svelte
@@ -1,15 +1,15 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
-	import { settingsPub, settingsPriv } from '$lib/stores/settings';
-	import { pocketbase, backendUrl } from '$lib/stores/pocketbase';
-	import PageLoading from '$lib/components/PageLoading.svelte';
-	import toast from 'svelte-french-toast';
-	import Fa from 'svelte-fa';
-	import { faSave } from '@fortawesome/free-solid-svg-icons';
-	import { onMount } from 'svelte';
 	import { page } from '$app/stores';
 	import { PUBLIC_VERSION } from '$env/static/public';
-	import type { SettingsPublic, SettingsPrivate } from '$lib/types/settings';
+	import PageLoading from '$lib/components/PageLoading.svelte';
+	import { backendUrl, pocketbase } from '$lib/stores/pocketbase';
+	import { settingsPriv, settingsPub } from '$lib/stores/settings';
+	import type { SettingsPrivate, SettingsPublic } from '$lib/types/settings';
+	import { faSave } from '@fortawesome/free-solid-svg-icons';
+	import { onMount } from 'svelte';
+	import Fa from 'svelte-fa';
+	import toast from 'svelte-french-toast';
 
 	let settingsPubClone: SettingsPublic | undefined;
 	let settingsPrivClone: SettingsPrivate | undefined;
diff --git a/frontend/src/routes/users/+page.svelte b/frontend/src/routes/users/+page.svelte
index 3dbef0f5..2750bc79 100644
--- a/frontend/src/routes/users/+page.svelte
+++ b/frontend/src/routes/users/+page.svelte
@@ -1,15 +1,15 @@
 <script lang="ts">
-	import { onMount } from 'svelte';
-	import { page } from '$app/stores';
 	import { goto } from '$app/navigation';
-	import { pocketbase, backendUrl } from '$lib/stores/pocketbase';
+	import { page } from '$app/stores';
 	import PageLoading from '$lib/components/PageLoading.svelte';
-	import toast from 'svelte-french-toast';
-	import Fa from 'svelte-fa';
-	import { faPlus, faSave, faTrash } from '@fortawesome/free-solid-svg-icons';
-	import type { User } from '$lib/types/user';
+	import { backendUrl, pocketbase } from '$lib/stores/pocketbase';
 	import type { Device } from '$lib/types/device';
 	import type { Permission } from '$lib/types/permission';
+	import type { User } from '$lib/types/user';
+	import { faPlus, faSave, faTrash } from '@fortawesome/free-solid-svg-icons';
+	import { onMount } from 'svelte';
+	import Fa from 'svelte-fa';
+	import toast from 'svelte-french-toast';
 
 	let getUsersPromise = getUsers();
 	let getPermissionsPromise = getPermissions();
diff --git a/frontend/src/routes/welcome/+page.svelte b/frontend/src/routes/welcome/+page.svelte
index 6527ba83..bfda1960 100644
--- a/frontend/src/routes/welcome/+page.svelte
+++ b/frontend/src/routes/welcome/+page.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
+	import { toggleVisibility } from '$lib/helpers/forms';
 	import { pocketbase } from '$lib/stores/pocketbase';
 	import { settingsPub } from '$lib/stores/settings';
-	import { toggleVisibility } from '$lib/helpers/forms';
-	import toast from 'svelte-french-toast';
-	import Fa from 'svelte-fa';
 	import { faArrowRight, faEye } from '@fortawesome/free-solid-svg-icons';
 	import { onMount } from 'svelte';
+	import Fa from 'svelte-fa';
+	import toast from 'svelte-french-toast';
 
 	let stepsCompleted = 0;
 	let inputPassword: HTMLInputElement;