From c02e9fdb88e4d2159fd34eea95c82d544d25ded1 Mon Sep 17 00:00:00 2001
From: Michael Manganiello <adamantike@users.noreply.github.com>
Date: Mon, 1 Sep 2025 15:08:06 -0300
Subject: [PATCH] misc: Apply import sorting

---
 frontend/eslint.config.js                     |  4 +-
 frontend/src/RomM.vue                         |  4 +-
 frontend/src/components/Details/ActionBar.vue |  6 +--
 frontend/src/components/Details/GameData.vue  |  2 +-
 .../src/components/Details/Info/GameInfo.vue  | 15 ++++----
 frontend/src/components/Details/PDFViewer.vue |  2 +-
 frontend/src/components/Details/Personal.vue  | 10 ++---
 .../components/Details/RetroAchievements.vue  |  6 +--
 frontend/src/components/Details/Saves.vue     |  2 +-
 frontend/src/components/Details/States.vue    | 10 ++---
 frontend/src/components/Details/Title.vue     |  6 +--
 .../src/components/Gallery/AppBar/Base.vue    | 10 ++---
 .../Gallery/AppBar/Collection/Base.vue        |  2 +-
 .../Collection/CollectionInfoDrawer.vue       |  4 +-
 .../Collection/SmartCollectionInfoDrawer.vue  |  2 +-
 .../Gallery/AppBar/Platform/Base.vue          |  6 +--
 .../AppBar/Platform/FirmwareDrawer.vue        |  4 +-
 .../AppBar/Platform/PlatformInfoDrawer.vue    |  2 +-
 .../Gallery/AppBar/Search/SearchTextField.vue |  6 +--
 .../Gallery/AppBar/common/CharIndexBar.vue    |  2 +-
 .../AppBar/common/ContextualRandomBtn.vue     |  6 +--
 .../AppBar/common/FilterDrawer/Base.vue       | 18 ++++-----
 .../AppBar/common/SmartCollectionBtn.vue      |  8 ++--
 .../Gallery/AppBar/common/SortBar.vue         |  4 +-
 .../src/components/Gallery/FabOverlay.vue     |  2 +-
 frontend/src/components/Gallery/Skeleton.vue  |  8 ++--
 .../src/components/Home/ContinuePlaying.vue   |  4 +-
 frontend/src/components/Home/Platforms.vue    |  4 +-
 .../src/components/Home/PlatformsSkeleton.vue |  4 +-
 frontend/src/components/Home/RecentAdded.vue  |  4 +-
 .../components/Home/RecentAddedSkeleton.vue   |  4 +-
 .../src/components/Settings/AboutDialog.vue   |  4 +-
 .../Settings/Administration/TaskOption.vue    |  6 +--
 .../Settings/Administration/Tasks.vue         |  2 +-
 .../Users/Dialog/CreateUser.vue               |  2 +-
 .../Administration/Users/Dialog/EditUser.vue  |  2 +-
 .../Users/Dialog/InviteLink.vue               |  4 +-
 .../Settings/Administration/Users/Table.vue   |  2 +-
 .../Config/Dialog/CreateExclusion.vue         |  4 +-
 .../Config/Dialog/CreatePlatformBinding.vue   |  4 +-
 .../Config/Dialog/CreatePlatformVersion.vue   |  4 +-
 .../LibraryManagement/Config/Excluded.vue     |  2 +-
 .../Settings/ServerStats/PlatformsStats.vue   |  2 +-
 .../Settings/ServerStats/SummaryStats.vue     |  2 +-
 .../Settings/UserInterface/Interface.vue      |  4 +-
 .../Settings/UserInterface/Language.vue       |  2 +-
 .../UserInterface/LanguageSelector.vue        |  4 +-
 .../Settings/UserInterface/Theme.vue          |  2 +-
 .../Settings/UserInterface/ThemeOption.vue    |  2 +-
 .../UserProfile/RetroAchievements.vue         |  8 ++--
 .../src/components/common/Collection/Card.vue |  8 ++--
 .../common/Collection/Dialog/AddRoms.vue      |  4 +-
 .../Collection/Dialog/CreateCollection.vue    |  6 +--
 .../Dialog/CreateSmartCollection.vue          | 20 +++++-----
 .../Collection/Dialog/DeleteCollection.vue    |  4 +-
 .../Dialog/DeleteSmartCollection.vue          |  4 +-
 .../common/Collection/Dialog/RemoveRoms.vue   |  6 +--
 .../components/common/Collection/ListItem.vue |  2 +-
 .../components/common/Collection/RAvatar.vue  |  4 +-
 .../src/components/common/Game/AdminMenu.vue  |  8 ++--
 .../components/common/Game/Card/ActionBar.vue |  8 ++--
 .../src/components/common/Game/Card/Base.vue  | 20 +++++-----
 .../src/components/common/Game/Card/Flags.vue |  2 +-
 .../components/common/Game/Card/Skeleton.vue  |  4 +-
 .../common/Game/Dialog/Asset/SelectSave.vue   |  6 +--
 .../common/Game/Dialog/Asset/SelectState.vue  |  6 +--
 .../common/Game/Dialog/CopyDownloadLink.vue   |  2 +-
 .../common/Game/Dialog/DeleteRom.vue          | 12 +++---
 .../components/common/Game/Dialog/EditRom.vue |  4 +-
 .../common/Game/Dialog/MatchRom.vue           | 14 +++----
 .../common/Game/Dialog/NoteDialog.vue         |  6 +--
 .../common/Game/Dialog/ShowQRCode.vue         |  4 +-
 .../common/Game/Dialog/UploadRom.vue          |  4 +-
 .../src/components/common/Game/FavBtn.vue     |  4 +-
 .../src/components/common/Game/ListItem.vue   |  4 +-
 frontend/src/components/common/Game/Table.vue |  8 ++--
 .../common/Navigation/CollectionsDrawer.vue   |  8 ++--
 .../components/common/Navigation/HomeBtn.vue  |  4 +-
 .../common/Navigation/MainAppBar.vue          | 12 +++---
 .../common/Navigation/PlatformsDrawer.vue     |  6 +--
 .../common/Navigation/SettingsDrawer.vue      |  6 +--
 .../src/components/common/Platform/Card.vue   |  8 ++--
 .../common/Platform/Dialog/DeletePlatform.vue | 10 ++---
 .../components/common/Platform/ListItem.vue   |  2 +-
 .../src/components/common/SearchCover.vue     |  2 +-
 frontend/src/composables/useFavoriteToggle.ts |  2 +-
 frontend/src/console/Layout.vue               | 14 +++----
 .../src/console/components/CollectionCard.vue |  4 +-
 frontend/src/console/components/GameCard.vue  |  7 ++--
 .../src/console/components/NavigationText.vue |  2 +-
 .../console/components/ScreenshotLightbox.vue |  2 +-
 .../src/console/components/SettingsModal.vue  | 10 ++---
 .../src/console/components/SystemCard.vue     |  4 +-
 .../src/console/composables/useInputScope.ts  |  4 +-
 .../src/console/composables/useThemeAssets.ts |  4 +-
 frontend/src/console/input/bus.ts             |  2 +-
 frontend/src/console/input/config.ts          |  4 +-
 frontend/src/console/input/gamepad.ts         |  2 +-
 frontend/src/console/utils/sfx.ts             |  3 +-
 frontend/src/console/views/Game.vue           | 16 ++++----
 frontend/src/console/views/GamesList.vue      | 26 ++++++-------
 frontend/src/console/views/Home.vue           | 38 +++++++++----------
 frontend/src/console/views/Play.vue           | 18 ++++-----
 frontend/src/layouts/Main.vue                 | 18 ++++-----
 frontend/src/main.ts                          |  2 +-
 frontend/src/plugins/index.ts                 |  6 +--
 frontend/src/plugins/pinia.ts                 |  2 +-
 frontend/src/plugins/router.ts                | 16 ++++----
 frontend/src/plugins/vuetify.ts               |  4 +-
 frontend/src/services/api/rom.ts              |  6 +--
 frontend/src/services/api/save.ts             |  2 +-
 frontend/src/services/api/screenshot.ts       |  2 +-
 frontend/src/services/api/state.ts            |  2 +-
 frontend/src/services/api/task.ts             |  2 +-
 frontend/src/stores/auth.ts                   |  4 +-
 frontend/src/stores/collections.ts            |  4 +-
 frontend/src/stores/config.ts                 |  3 +-
 frontend/src/stores/consoleTheme.ts           |  2 +-
 frontend/src/stores/download.ts               |  2 +-
 frontend/src/stores/heartbeat.ts              |  2 +-
 frontend/src/stores/navigation.ts             |  2 +-
 frontend/src/stores/scanning.ts               |  2 +-
 frontend/src/stores/tasks.ts                  |  4 +-
 frontend/src/stores/users.ts                  |  2 +-
 frontend/src/utils/index.ts                   | 10 ++---
 frontend/src/views/Auth/Login.vue             |  6 +--
 frontend/src/views/Auth/Register.vue          |  6 +--
 frontend/src/views/Auth/ResetPassword.vue     |  6 +--
 frontend/src/views/Auth/Setup.vue             |  6 +--
 .../Gallery/Collection/BaseCollection.vue     |  6 +--
 frontend/src/views/Gallery/Platform.vue       |  6 +--
 frontend/src/views/Gallery/Search.vue         | 12 +++---
 frontend/src/views/GameDetails.vue            |  6 +--
 frontend/src/views/Home.vue                   | 16 ++++----
 frontend/src/views/Player/EmulatorJS/Base.vue | 22 +++++------
 .../views/Player/EmulatorJS/CacheDialog.vue   |  2 +-
 .../src/views/Player/EmulatorJS/Player.vue    | 26 ++++++-------
 frontend/src/views/Player/EmulatorJS/utils.ts |  4 +-
 frontend/src/views/Player/RuffleRS/Base.vue   |  4 +-
 frontend/src/views/Scan.vue                   |  8 ++--
 .../src/views/Settings/Administration.vue     |  2 +-
 .../src/views/Settings/LibraryManagement.vue  | 12 +++---
 frontend/src/views/Settings/ServerStats.vue   |  2 +-
 frontend/src/views/Settings/UserInterface.vue |  2 +-
 frontend/src/views/Settings/UserProfile.vue   |  6 +--
 frontend/vite.config.js                       | 11 ++----
 146 files changed, 447 insertions(+), 450 deletions(-)

diff --git a/frontend/eslint.config.js b/frontend/eslint.config.js
index 6cf41579b..cb18ee325 100644
--- a/frontend/eslint.config.js
+++ b/frontend/eslint.config.js
@@ -1,7 +1,7 @@
 import eslint from "@eslint/js";
-import tseslint from "typescript-eslint";
-import globals from "globals";
 import vue from "eslint-plugin-vue";
+import globals from "globals";
+import tseslint from "typescript-eslint";
 
 export default tseslint.config(
   eslint.configs.recommended,
diff --git a/frontend/src/RomM.vue b/frontend/src/RomM.vue
index 62a5835f0..7665bacd1 100644
--- a/frontend/src/RomM.vue
+++ b/frontend/src/RomM.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import languageStore from "@/stores/language";
 import consoleStore from "@/stores/console";
+import languageStore from "@/stores/language";
+import { useIdle } from "@vueuse/core";
 import { storeToRefs } from "pinia";
 import { ref } from "vue";
 import { useI18n } from "vue-i18n";
-import { useIdle } from "@vueuse/core";
 
 const { locale } = useI18n();
 const storeLanguage = languageStore();
diff --git a/frontend/src/components/Details/ActionBar.vue b/frontend/src/components/Details/ActionBar.vue
index 96360e4f7..b14b9cf8e 100644
--- a/frontend/src/components/Details/ActionBar.vue
+++ b/frontend/src/components/Details/ActionBar.vue
@@ -2,11 +2,11 @@
 import AdminMenu from "@/components/common/Game/AdminMenu.vue";
 import CopyRomDownloadLinkDialog from "@/components/common/Game/Dialog/CopyDownloadLink.vue";
 import romApi from "@/services/api/rom";
+import storeAuth from "@/stores/auth";
+import storeConfig from "@/stores/config";
 import storeDownload from "@/stores/download";
 import storeHeartbeat from "@/stores/heartbeat";
-import storeConfig from "@/stores/config";
 import type { DetailedRom } from "@/stores/roms";
-import storeAuth from "@/stores/auth";
 import type { Events } from "@/types/emitter";
 import {
   getDownloadLink,
@@ -15,8 +15,8 @@ import {
   isRuffleEmulationSupported,
 } from "@/utils";
 import type { Emitter } from "mitt";
-import { computed, inject, ref } from "vue";
 import { storeToRefs } from "pinia";
+import { computed, inject, ref } from "vue";
 import { useI18n } from "vue-i18n";
 
 const props = defineProps<{ rom: DetailedRom }>();
diff --git a/frontend/src/components/Details/GameData.vue b/frontend/src/components/Details/GameData.vue
index ffd7678a7..51a5fa2f4 100644
--- a/frontend/src/components/Details/GameData.vue
+++ b/frontend/src/components/Details/GameData.vue
@@ -3,8 +3,8 @@ import Saves from "@/components/Details/Saves.vue";
 import States from "@/components/Details/States.vue";
 import type { DetailedRom } from "@/stores/roms";
 import { ref } from "vue";
-import { useDisplay } from "vuetify";
 import { useI18n } from "vue-i18n";
+import { useDisplay } from "vuetify";
 
 const { t } = useI18n();
 defineProps<{ rom: DetailedRom }>();
diff --git a/frontend/src/components/Details/Info/GameInfo.vue b/frontend/src/components/Details/Info/GameInfo.vue
index c5b0117e1..62a548198 100644
--- a/frontend/src/components/Details/Info/GameInfo.vue
+++ b/frontend/src/components/Details/Info/GameInfo.vue
@@ -1,16 +1,17 @@
 <script setup lang="ts">
-import { type FilterType } from "@/stores/galleryFilter";
+import RAvatar from "@/components/common/Collection/RAvatar.vue";
 import RDialog from "@/components/common/RDialog.vue";
-import { type DetailedRom } from "@/stores/roms";
 import { ROUTES } from "@/plugins/router";
+import { type FilterType } from "@/stores/galleryFilter";
+import storeHeartbeat from "@/stores/heartbeat";
+import type { DetailedRom } from "@/stores/roms";
+import { get } from "lodash";
+import { MdPreview } from "md-editor-v3";
+import { storeToRefs } from "pinia";
 import { computed, ref } from "vue";
+import { useI18n } from "vue-i18n";
 import { useRouter } from "vue-router";
 import { useDisplay, useTheme } from "vuetify";
-import { useI18n } from "vue-i18n";
-import { MdPreview } from "md-editor-v3";
-import { get } from "lodash";
-import storeHeartbeat from "@/stores/heartbeat";
-import { storeToRefs } from "pinia";
 
 const props = defineProps<{ rom: DetailedRom }>();
 const { t } = useI18n();
diff --git a/frontend/src/components/Details/PDFViewer.vue b/frontend/src/components/Details/PDFViewer.vue
index d0f91bb50..496daedd3 100644
--- a/frontend/src/components/Details/PDFViewer.vue
+++ b/frontend/src/components/Details/PDFViewer.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { useTheme, useDisplay } from "vuetify";
 import type { DetailedRom } from "@/stores/roms";
 import VuePdfApp from "vue3-pdf-app";
+import { useTheme, useDisplay } from "vuetify";
 
 defineProps<{ rom: DetailedRom }>();
 const { xs } = useDisplay();
diff --git a/frontend/src/components/Details/Personal.vue b/frontend/src/components/Details/Personal.vue
index af5e92365..1950aa759 100644
--- a/frontend/src/components/Details/Personal.vue
+++ b/frontend/src/components/Details/Personal.vue
@@ -1,18 +1,18 @@
 <script setup lang="ts">
+import type { RomUserStatus } from "@/__generated__";
 import RetroAchievements from "@/components/Details/RetroAchievements.vue";
 import RSection from "@/components/common/RSection.vue";
 import romApi from "@/services/api/rom";
 import storeAuth from "@/stores/auth";
 import type { DetailedRom } from "@/stores/roms";
-import type { RomUserStatus } from "@/__generated__";
 import { getTextForStatus, getEmojiForStatus } from "@/utils";
+import { debounce } from "lodash";
 import { MdEditor, MdPreview } from "md-editor-v3";
 import "md-editor-v3/lib/style.css";
-import { debounce } from "lodash";
-import { ref, watch } from "vue";
-import { useDisplay, useTheme } from "vuetify";
-import { useI18n } from "vue-i18n";
 import { storeToRefs } from "pinia";
+import { ref, watch } from "vue";
+import { useI18n } from "vue-i18n";
+import { useDisplay, useTheme } from "vuetify";
 
 const { t } = useI18n();
 const props = defineProps<{ rom: DetailedRom }>();
diff --git a/frontend/src/components/Details/RetroAchievements.vue b/frontend/src/components/Details/RetroAchievements.vue
index be94d12b4..048e8e113 100644
--- a/frontend/src/components/Details/RetroAchievements.vue
+++ b/frontend/src/components/Details/RetroAchievements.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { DetailedRom } from "@/stores/roms";
-import storeAuth from "@/stores/auth";
-import { ref, onMounted, computed } from "vue";
 import type { RAGameRomAchievement } from "@/__generated__/models/RAGameRomAchievement";
+import storeAuth from "@/stores/auth";
+import type { DetailedRom } from "@/stores/roms";
+import { ref, onMounted, computed } from "vue";
 import { useI18n } from "vue-i18n";
 import { useDisplay } from "vuetify";
 
diff --git a/frontend/src/components/Details/Saves.vue b/frontend/src/components/Details/Saves.vue
index a189e79b3..6795b0d5a 100644
--- a/frontend/src/components/Details/Saves.vue
+++ b/frontend/src/components/Details/Saves.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import EmptySaves from "@/components/common/EmptyStates/EmptySaves.vue";
 import type { SaveSchema } from "@/__generated__";
+import EmptySaves from "@/components/common/EmptyStates/EmptySaves.vue";
 import storeAuth from "@/stores/auth";
 import { type DetailedRom } from "@/stores/roms";
 import type { Events } from "@/types/emitter";
diff --git a/frontend/src/components/Details/States.vue b/frontend/src/components/Details/States.vue
index d2a3f586c..a531b1c78 100644
--- a/frontend/src/components/Details/States.vue
+++ b/frontend/src/components/Details/States.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import EmptySates from "@/components/common/EmptyStates/EmptyStates.vue";
 import type { StateSchema } from "@/__generated__";
+import EmptySates from "@/components/common/EmptyStates/EmptyStates.vue";
+import storeAuth from "@/stores/auth";
 import { type DetailedRom } from "@/stores/roms";
 import type { Events } from "@/types/emitter";
 import { formatBytes, formatTimestamp } from "@/utils";
-import type { Emitter } from "mitt";
-import { inject, ref } from "vue";
-import storeAuth from "@/stores/auth";
-import { storeToRefs } from "pinia";
 import { getEmptyCoverImage } from "@/utils/covers";
+import type { Emitter } from "mitt";
+import { storeToRefs } from "pinia";
+import { inject, ref } from "vue";
 import { useI18n } from "vue-i18n";
 
 const { t } = useI18n();
diff --git a/frontend/src/components/Details/Title.vue b/frontend/src/components/Details/Title.vue
index 1069e547f..40cfb659c 100644
--- a/frontend/src/components/Details/Title.vue
+++ b/frontend/src/components/Details/Title.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import FavBtn from "@/components/common/Game/FavBtn.vue";
-import PlatformIcon from "@/components/common/Platform/Icon.vue";
 import MissingFromFSIcon from "@/components/common/MissingFromFSIcon.vue";
+import PlatformIcon from "@/components/common/Platform/Icon.vue";
 import { ROUTES } from "@/plugins/router";
-import type { DetailedRom } from "@/stores/roms";
 import storePlatforms from "@/stores/platforms";
+import type { DetailedRom } from "@/stores/roms";
 import { storeToRefs } from "pinia";
-import { useDisplay } from "vuetify";
 import { computed } from "vue";
+import { useDisplay } from "vuetify";
 
 const props = defineProps<{ rom: DetailedRom }>();
 const { smAndDown } = useDisplay();
diff --git a/frontend/src/components/Gallery/AppBar/Base.vue b/frontend/src/components/Gallery/AppBar/Base.vue
index b5684db13..21245c3e0 100644
--- a/frontend/src/components/Gallery/AppBar/Base.vue
+++ b/frontend/src/components/Gallery/AppBar/Base.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import SearchTextField from "@/components/Gallery/AppBar/Search/SearchTextField.vue";
-import FilterBtn from "@/components/Gallery/AppBar/common/FilterBtn.vue";
-import FilterDrawer from "@/components/Gallery/AppBar/common/FilterDrawer/Base.vue";
-import SelectingBtn from "@/components/Gallery/AppBar/common/SelectingBtn.vue";
-import SmartCollectionBtn from "@/components/Gallery/AppBar/common/SmartCollectionBtn.vue";
-import GalleryViewBtn from "@/components/Gallery/AppBar/common/GalleryViewBtn.vue";
 import CharIndexBar from "@/components/Gallery/AppBar/common/CharIndexBar.vue";
 import ContextualRandomBtn from "@/components/Gallery/AppBar/common/ContextualRandomBtn.vue";
+import FilterBtn from "@/components/Gallery/AppBar/common/FilterBtn.vue";
+import FilterDrawer from "@/components/Gallery/AppBar/common/FilterDrawer/Base.vue";
+import GalleryViewBtn from "@/components/Gallery/AppBar/common/GalleryViewBtn.vue";
+import SelectingBtn from "@/components/Gallery/AppBar/common/SelectingBtn.vue";
+import SmartCollectionBtn from "@/components/Gallery/AppBar/common/SmartCollectionBtn.vue";
 import { calculateMainLayoutWidth } from "@/utils";
 
 withDefaults(
diff --git a/frontend/src/components/Gallery/AppBar/Collection/Base.vue b/frontend/src/components/Gallery/AppBar/Collection/Base.vue
index 8a1ecfe23..a64a26a86 100644
--- a/frontend/src/components/Gallery/AppBar/Collection/Base.vue
+++ b/frontend/src/components/Gallery/AppBar/Collection/Base.vue
@@ -6,8 +6,8 @@ import RAvatar from "@/components/common/Collection/RAvatar.vue";
 import storeNavigation from "@/stores/navigation";
 import storeRoms from "@/stores/roms";
 import { storeToRefs } from "pinia";
-import { useDisplay } from "vuetify";
 import { computed } from "vue";
+import { useDisplay } from "vuetify";
 
 const { xs } = useDisplay();
 const navigationStore = storeNavigation();
diff --git a/frontend/src/components/Gallery/AppBar/Collection/CollectionInfoDrawer.vue b/frontend/src/components/Gallery/AppBar/Collection/CollectionInfoDrawer.vue
index c93729f9d..b878d6559 100644
--- a/frontend/src/components/Gallery/AppBar/Collection/CollectionInfoDrawer.vue
+++ b/frontend/src/components/Gallery/AppBar/Collection/CollectionInfoDrawer.vue
@@ -4,19 +4,19 @@ import DeleteCollectionDialog from "@/components/common/Collection/Dialog/Delete
 import DeleteSmartCollectionDialog from "@/components/common/Collection/Dialog/DeleteSmartCollection.vue";
 import RSection from "@/components/common/RSection.vue";
 import type { UpdatedCollection } from "@/services/api/collection";
-import storeCollection from "@/stores/collections";
 import collectionApi from "@/services/api/collection";
 import storeAuth from "@/stores/auth";
+import storeCollection from "@/stores/collections";
 import storeHeartbeat from "@/stores/heartbeat";
 import storeNavigation from "@/stores/navigation";
 import storeRoms from "@/stores/roms";
 import type { Events } from "@/types/emitter";
+import { getCollectionCoverImage } from "@/utils/covers";
 import type { Emitter } from "mitt";
 import { storeToRefs } from "pinia";
 import { computed, inject, ref } from "vue";
 import { useI18n } from "vue-i18n";
 import { useDisplay } from "vuetify";
-import { getCollectionCoverImage } from "@/utils/covers";
 
 const { t } = useI18n();
 const { smAndDown } = useDisplay();
diff --git a/frontend/src/components/Gallery/AppBar/Collection/SmartCollectionInfoDrawer.vue b/frontend/src/components/Gallery/AppBar/Collection/SmartCollectionInfoDrawer.vue
index 3d05f5991..8de6359ed 100644
--- a/frontend/src/components/Gallery/AppBar/Collection/SmartCollectionInfoDrawer.vue
+++ b/frontend/src/components/Gallery/AppBar/Collection/SmartCollectionInfoDrawer.vue
@@ -2,9 +2,9 @@
 import CollectionCard from "@/components/common/Collection/Card.vue";
 import DeleteCollectionDialog from "@/components/common/Collection/Dialog/DeleteCollection.vue";
 import RSection from "@/components/common/RSection.vue";
-import storeCollection from "@/stores/collections";
 import collectionApi from "@/services/api/collection";
 import storeAuth from "@/stores/auth";
+import storeCollection from "@/stores/collections";
 import storeNavigation from "@/stores/navigation";
 import storeRoms from "@/stores/roms";
 import type { Events } from "@/types/emitter";
diff --git a/frontend/src/components/Gallery/AppBar/Platform/Base.vue b/frontend/src/components/Gallery/AppBar/Platform/Base.vue
index bc2ce15c8..a7daa3529 100644
--- a/frontend/src/components/Gallery/AppBar/Platform/Base.vue
+++ b/frontend/src/components/Gallery/AppBar/Platform/Base.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import BaseGalleryAppBar from "@/components/Gallery/AppBar/Base.vue";
-import PlatformIcon from "@/components/common/Platform/Icon.vue";
-import MissingFromFSIcon from "@/components/common/MissingFromFSIcon.vue";
 import FirmwareBtn from "@/components/Gallery/AppBar/Platform/FirmwareBtn.vue";
 import FirmwareDrawer from "@/components/Gallery/AppBar/Platform/FirmwareDrawer.vue";
 import PlatformInfoDrawer from "@/components/Gallery/AppBar/Platform/PlatformInfoDrawer.vue";
-import storeRoms from "@/stores/roms";
+import MissingFromFSIcon from "@/components/common/MissingFromFSIcon.vue";
+import PlatformIcon from "@/components/common/Platform/Icon.vue";
 import storeNavigation from "@/stores/navigation";
+import storeRoms from "@/stores/roms";
 import { storeToRefs } from "pinia";
 import { useDisplay } from "vuetify";
 
diff --git a/frontend/src/components/Gallery/AppBar/Platform/FirmwareDrawer.vue b/frontend/src/components/Gallery/AppBar/Platform/FirmwareDrawer.vue
index a0eecbc94..4728a82ec 100644
--- a/frontend/src/components/Gallery/AppBar/Platform/FirmwareDrawer.vue
+++ b/frontend/src/components/Gallery/AppBar/Platform/FirmwareDrawer.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { FirmwareSchema } from "@/__generated__";
+import MissingFromFSIcon from "@/components/common/MissingFromFSIcon.vue";
 import DeleteFirmwareDialog from "@/components/common/Platform/Dialog/DeleteFirmware.vue";
 import UploadFirmwareDialog from "@/components/common/Platform/Dialog/UploadFirmware.vue";
-import MissingFromFSIcon from "@/components/common/MissingFromFSIcon.vue";
 import storeAuth from "@/stores/auth";
 import storeGalleryView from "@/stores/galleryView";
 import storeRoms from "@/stores/roms";
@@ -11,8 +11,8 @@ import { formatBytes, calculateMainLayoutWidth } from "@/utils";
 import type { Emitter } from "mitt";
 import { storeToRefs } from "pinia";
 import { inject, ref, computed } from "vue";
-import { useDisplay } from "vuetify";
 import { useI18n } from "vue-i18n";
+import { useDisplay } from "vuetify";
 
 const { t } = useI18n();
 const { xs, mdAndUp } = useDisplay();
diff --git a/frontend/src/components/Gallery/AppBar/Platform/PlatformInfoDrawer.vue b/frontend/src/components/Gallery/AppBar/Platform/PlatformInfoDrawer.vue
index 8f51eb279..4cd85ff9f 100644
--- a/frontend/src/components/Gallery/AppBar/Platform/PlatformInfoDrawer.vue
+++ b/frontend/src/components/Gallery/AppBar/Platform/PlatformInfoDrawer.vue
@@ -13,12 +13,12 @@ import storeRoms from "@/stores/roms";
 import storeScanning from "@/stores/scanning";
 import type { Events } from "@/types/emitter";
 import { formatBytes } from "@/utils";
+import { identity } from "lodash";
 import type { Emitter } from "mitt";
 import { storeToRefs } from "pinia";
 import { computed, inject, ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import { useDisplay } from "vuetify";
-import { identity } from "lodash";
 
 const { t } = useI18n();
 const emitter = inject<Emitter<Events>>("emitter");
diff --git a/frontend/src/components/Gallery/AppBar/Search/SearchTextField.vue b/frontend/src/components/Gallery/AppBar/Search/SearchTextField.vue
index 5620f4b52..929ee80ee 100644
--- a/frontend/src/components/Gallery/AppBar/Search/SearchTextField.vue
+++ b/frontend/src/components/Gallery/AppBar/Search/SearchTextField.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import storeRoms from "@/stores/roms";
 import storeGalleryFilter from "@/stores/galleryFilter";
+import storeRoms from "@/stores/roms";
 import type { Events } from "@/types/emitter";
 import type { Emitter } from "mitt";
-import { inject, nextTick, onMounted, watch } from "vue";
 import { storeToRefs } from "pinia";
-import { useRouter } from "vue-router";
+import { inject, nextTick, onMounted, watch } from "vue";
 import { useI18n } from "vue-i18n";
+import { useRouter } from "vue-router";
 
 const { t } = useI18n();
 const router = useRouter();
diff --git a/frontend/src/components/Gallery/AppBar/common/CharIndexBar.vue b/frontend/src/components/Gallery/AppBar/common/CharIndexBar.vue
index deb2e110e..775628a28 100644
--- a/frontend/src/components/Gallery/AppBar/common/CharIndexBar.vue
+++ b/frontend/src/components/Gallery/AppBar/common/CharIndexBar.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import storeRoms from "@/stores/roms";
 import storeGalleryFilter from "@/stores/galleryFilter";
 import storeGalleryView from "@/stores/galleryView";
+import storeRoms from "@/stores/roms";
 import type { Events } from "@/types/emitter";
 import type { Emitter } from "mitt";
 import { storeToRefs } from "pinia";
diff --git a/frontend/src/components/Gallery/AppBar/common/ContextualRandomBtn.vue b/frontend/src/components/Gallery/AppBar/common/ContextualRandomBtn.vue
index fcc8fed1a..4d10cc218 100644
--- a/frontend/src/components/Gallery/AppBar/common/ContextualRandomBtn.vue
+++ b/frontend/src/components/Gallery/AppBar/common/ContextualRandomBtn.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
+import { ROUTES } from "@/plugins/router";
 import romApi from "@/services/api/rom";
 import storeGalleryFilter from "@/stores/galleryFilter";
 import storeRoms from "@/stores/roms";
 import type { Events } from "@/types/emitter";
 import type { Emitter } from "mitt";
-import { inject } from "vue";
-import { useRouter } from "vue-router";
-import { ROUTES } from "@/plugins/router";
 import { storeToRefs } from "pinia";
+import { inject } from "vue";
 import { useI18n } from "vue-i18n";
+import { useRouter } from "vue-router";
 
 const { t } = useI18n();
 const router = useRouter();
diff --git a/frontend/src/components/Gallery/AppBar/common/FilterDrawer/Base.vue b/frontend/src/components/Gallery/AppBar/common/FilterDrawer/Base.vue
index bbdf5cbb7..37a36365e 100644
--- a/frontend/src/components/Gallery/AppBar/common/FilterDrawer/Base.vue
+++ b/frontend/src/components/Gallery/AppBar/common/FilterDrawer/Base.vue
@@ -1,26 +1,26 @@
 <script setup lang="ts">
-import PlatformIcon from "@/components/common/Platform/Icon.vue";
-import FilterUnmatchedBtn from "@/components/Gallery/AppBar/common/FilterDrawer/FilterUnmatchedBtn.vue";
+import SearchTextField from "@/components/Gallery/AppBar/Search/SearchTextField.vue";
+import FilterDuplicatesBtn from "@/components/Gallery/AppBar/common/FilterDrawer/FilterDuplicatesBtn.vue";
+import FilterFavouritesBtn from "@/components/Gallery/AppBar/common/FilterDrawer/FilterFavouritesBtn.vue";
 import FilterMatchedBtn from "@/components/Gallery/AppBar/common/FilterDrawer/FilterMatchedBtn.vue";
 import FilterMissingBtn from "@/components/Gallery/AppBar/common/FilterDrawer/FilterMissingBtn.vue";
-import FilterFavouritesBtn from "@/components/Gallery/AppBar/common/FilterDrawer/FilterFavouritesBtn.vue";
-import FilterDuplicatesBtn from "@/components/Gallery/AppBar/common/FilterDrawer/FilterDuplicatesBtn.vue";
 import FilterPlayablesBtn from "@/components/Gallery/AppBar/common/FilterDrawer/FilterPlayablesBtn.vue";
-import FilterVerifiedBtn from "@/components/Gallery/AppBar/common/FilterDrawer/FilterVerifiedBtn.vue";
 import FilterRaBtn from "@/components/Gallery/AppBar/common/FilterDrawer/FilterRaBtn.vue";
-import SearchTextField from "@/components/Gallery/AppBar/Search/SearchTextField.vue";
+import FilterUnmatchedBtn from "@/components/Gallery/AppBar/common/FilterDrawer/FilterUnmatchedBtn.vue";
+import FilterVerifiedBtn from "@/components/Gallery/AppBar/common/FilterDrawer/FilterVerifiedBtn.vue";
 import MissingFromFSIcon from "@/components/common/MissingFromFSIcon.vue";
+import PlatformIcon from "@/components/common/Platform/Icon.vue";
 import storeGalleryFilter from "@/stores/galleryFilter";
-import storeRoms from "@/stores/roms";
 import storePlatforms from "@/stores/platforms";
+import storeRoms from "@/stores/roms";
 import type { Events } from "@/types/emitter";
+import { debounce } from "lodash";
 import type { Emitter } from "mitt";
 import { storeToRefs } from "pinia";
 import { inject, nextTick, onMounted, watch } from "vue";
-import { useDisplay } from "vuetify";
 import { useI18n } from "vue-i18n";
 import { useRouter } from "vue-router";
-import { debounce } from "lodash";
+import { useDisplay } from "vuetify";
 
 withDefaults(
   defineProps<{
diff --git a/frontend/src/components/Gallery/AppBar/common/SmartCollectionBtn.vue b/frontend/src/components/Gallery/AppBar/common/SmartCollectionBtn.vue
index c14c66732..2efaf29e9 100644
--- a/frontend/src/components/Gallery/AppBar/common/SmartCollectionBtn.vue
+++ b/frontend/src/components/Gallery/AppBar/common/SmartCollectionBtn.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
+import storeGalleryFilter from "@/stores/galleryFilter";
+import type { Events } from "@/types/emitter";
+import type { Emitter } from "mitt";
+import { storeToRefs } from "pinia";
 import { computed, inject } from "vue";
 import { useI18n } from "vue-i18n";
-import storeGalleryFilter from "@/stores/galleryFilter";
-import type { Emitter } from "mitt";
-import type { Events } from "@/types/emitter";
-import { storeToRefs } from "pinia";
 
 const { t } = useI18n();
 const galleryFilterStore = storeGalleryFilter();
diff --git a/frontend/src/components/Gallery/AppBar/common/SortBar.vue b/frontend/src/components/Gallery/AppBar/common/SortBar.vue
index 0e31b95a2..e226d0a8b 100644
--- a/frontend/src/components/Gallery/AppBar/common/SortBar.vue
+++ b/frontend/src/components/Gallery/AppBar/common/SortBar.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { inject, ref } from "vue";
-import type { Emitter } from "mitt";
 import type { Events } from "@/types/emitter";
+import type { Emitter } from "mitt";
+import { inject, ref } from "vue";
 
 const showSortBar = ref(false);
 const emitter = inject<Emitter<Events>>("emitter");
diff --git a/frontend/src/components/Gallery/FabOverlay.vue b/frontend/src/components/Gallery/FabOverlay.vue
index 86fe35d00..92d0405ec 100644
--- a/frontend/src/components/Gallery/FabOverlay.vue
+++ b/frontend/src/components/Gallery/FabOverlay.vue
@@ -12,9 +12,9 @@ import type { Events } from "@/types/emitter";
 import type { Emitter } from "mitt";
 import { storeToRefs } from "pinia";
 import { inject, ref } from "vue";
+import { useI18n } from "vue-i18n";
 import { useRoute } from "vue-router";
 import { useDisplay } from "vuetify";
-import { useI18n } from "vue-i18n";
 
 const { smAndDown } = useDisplay();
 const romsStore = storeRoms();
diff --git a/frontend/src/components/Gallery/Skeleton.vue b/frontend/src/components/Gallery/Skeleton.vue
index 782d20eb9..d1ef94e79 100644
--- a/frontend/src/components/Gallery/Skeleton.vue
+++ b/frontend/src/components/Gallery/Skeleton.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
+import Skeleton from "@/components/common/Game/Card/Skeleton.vue";
+import { RECENT_ROMS_LIMIT } from "@/services/api/rom";
+import storeGalleryView from "@/stores/galleryView";
+import storeRoms from "@/stores/roms";
 import { views } from "@/utils";
 import { storeToRefs } from "pinia";
-import Skeleton from "@/components/common/Game/Card/Skeleton.vue";
-import storeGalleryView from "@/stores/galleryView";
-import { RECENT_ROMS_LIMIT } from "@/services/api/rom";
-import storeRoms from "@/stores/roms";
 
 const props = withDefaults(
   defineProps<{
diff --git a/frontend/src/components/Home/ContinuePlaying.vue b/frontend/src/components/Home/ContinuePlaying.vue
index d5d5f3b4f..6d8692894 100644
--- a/frontend/src/components/Home/ContinuePlaying.vue
+++ b/frontend/src/components/Home/ContinuePlaying.vue
@@ -3,10 +3,10 @@ import GameCard from "@/components/common/Game/Card/Base.vue";
 import RSection from "@/components/common/RSection.vue";
 import storeRoms from "@/stores/roms";
 import { views } from "@/utils";
-import { storeToRefs } from "pinia";
 import { isNull } from "lodash";
-import { useI18n } from "vue-i18n";
+import { storeToRefs } from "pinia";
 import { ref } from "vue";
+import { useI18n } from "vue-i18n";
 
 const { t } = useI18n();
 const romsStore = storeRoms();
diff --git a/frontend/src/components/Home/Platforms.vue b/frontend/src/components/Home/Platforms.vue
index 5978383a8..5ddcbf405 100644
--- a/frontend/src/components/Home/Platforms.vue
+++ b/frontend/src/components/Home/Platforms.vue
@@ -2,11 +2,11 @@
 import PlatformCard from "@/components/common/Platform/Card.vue";
 import RSection from "@/components/common/RSection.vue";
 import storePlatforms from "@/stores/platforms";
-import { isNull } from "lodash";
 import { views } from "@/utils";
-import { useI18n } from "vue-i18n";
+import { isNull } from "lodash";
 import { storeToRefs } from "pinia";
 import { ref } from "vue";
+import { useI18n } from "vue-i18n";
 
 const { t } = useI18n();
 const platformsStore = storePlatforms();
diff --git a/frontend/src/components/Home/PlatformsSkeleton.vue b/frontend/src/components/Home/PlatformsSkeleton.vue
index 72d683dc8..e55536092 100644
--- a/frontend/src/components/Home/PlatformsSkeleton.vue
+++ b/frontend/src/components/Home/PlatformsSkeleton.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import RSection from "@/components/common/RSection.vue";
 import Skeleton from "@/components/common/Game/Card/Skeleton.vue";
+import RSection from "@/components/common/RSection.vue";
 import { views } from "@/utils";
-import { ref } from "vue";
 import { isNull } from "lodash";
+import { ref } from "vue";
 import { useI18n } from "vue-i18n";
 
 const { t } = useI18n();
diff --git a/frontend/src/components/Home/RecentAdded.vue b/frontend/src/components/Home/RecentAdded.vue
index 5959b5981..4bfde3f16 100644
--- a/frontend/src/components/Home/RecentAdded.vue
+++ b/frontend/src/components/Home/RecentAdded.vue
@@ -3,10 +3,10 @@ import GameCard from "@/components/common/Game/Card/Base.vue";
 import RSection from "@/components/common/RSection.vue";
 import storeRoms from "@/stores/roms";
 import { views } from "@/utils";
-import { storeToRefs } from "pinia";
 import { isNull } from "lodash";
-import { useI18n } from "vue-i18n";
+import { storeToRefs } from "pinia";
 import { ref } from "vue";
+import { useI18n } from "vue-i18n";
 
 const { t } = useI18n();
 const romsStore = storeRoms();
diff --git a/frontend/src/components/Home/RecentAddedSkeleton.vue b/frontend/src/components/Home/RecentAddedSkeleton.vue
index 111f1c4b8..4f3bafbdd 100644
--- a/frontend/src/components/Home/RecentAddedSkeleton.vue
+++ b/frontend/src/components/Home/RecentAddedSkeleton.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import RSection from "@/components/common/RSection.vue";
 import Skeleton from "@/components/common/Game/Card/Skeleton.vue";
-import { views } from "@/utils";
+import RSection from "@/components/common/RSection.vue";
 import { RECENT_ROMS_LIMIT } from "@/services/api/rom";
+import { views } from "@/utils";
 
 defineProps<{ title: string }>();
 </script>
diff --git a/frontend/src/components/Settings/AboutDialog.vue b/frontend/src/components/Settings/AboutDialog.vue
index b6875e5e6..33e14fcbc 100644
--- a/frontend/src/components/Settings/AboutDialog.vue
+++ b/frontend/src/components/Settings/AboutDialog.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import storeHeartbeat from "@/stores/heartbeat";
 import RDialog from "@/components/common/RDialog.vue";
 import RIsotipo from "@/components/common/RIsotipo.vue";
-import { ref, inject } from "vue";
+import storeHeartbeat from "@/stores/heartbeat";
 import type { Events } from "@/types/emitter";
 import type { Emitter } from "mitt";
+import { ref, inject } from "vue";
 import { useI18n } from "vue-i18n";
 
 const { t } = useI18n();
diff --git a/frontend/src/components/Settings/Administration/TaskOption.vue b/frontend/src/components/Settings/Administration/TaskOption.vue
index e5fdfc897..022dee059 100644
--- a/frontend/src/components/Settings/Administration/TaskOption.vue
+++ b/frontend/src/components/Settings/Administration/TaskOption.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { inject, computed } from "vue";
-import type { Events } from "@/types/emitter";
 import taskApi from "@/services/api/task";
-import type { Emitter } from "mitt";
 import storeRunningTasks from "@/stores/runningTasks";
+import type { Events } from "@/types/emitter";
+import type { Emitter } from "mitt";
+import { inject, computed } from "vue";
 
 const props = withDefaults(
   defineProps<{
diff --git a/frontend/src/components/Settings/Administration/Tasks.vue b/frontend/src/components/Settings/Administration/Tasks.vue
index 030876bbf..38c5b9d1b 100644
--- a/frontend/src/components/Settings/Administration/Tasks.vue
+++ b/frontend/src/components/Settings/Administration/Tasks.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import Task from "@/components/Settings/Administration/TaskOption.vue";
 import RSection from "@/components/common/RSection.vue";
-import { convertCronExperssion } from "@/utils";
 import storeTasks from "@/stores/tasks";
+import { convertCronExperssion } from "@/utils";
 import { storeToRefs } from "pinia";
 import { computed } from "vue";
 
diff --git a/frontend/src/components/Settings/Administration/Users/Dialog/CreateUser.vue b/frontend/src/components/Settings/Administration/Users/Dialog/CreateUser.vue
index eadc62c9b..8dad8ed8a 100644
--- a/frontend/src/components/Settings/Administration/Users/Dialog/CreateUser.vue
+++ b/frontend/src/components/Settings/Administration/Users/Dialog/CreateUser.vue
@@ -3,8 +3,8 @@ import RDialog from "@/components/common/RDialog.vue";
 import userApi from "@/services/api/user";
 import storeUsers from "@/stores/users";
 import type { Events } from "@/types/emitter";
-import type { Emitter } from "mitt";
 import { getRoleIcon } from "@/utils";
+import type { Emitter } from "mitt";
 import { inject, ref } from "vue";
 import { useI18n } from "vue-i18n";
 import { useDisplay } from "vuetify";
diff --git a/frontend/src/components/Settings/Administration/Users/Dialog/EditUser.vue b/frontend/src/components/Settings/Administration/Users/Dialog/EditUser.vue
index 058bb154b..29d43c49c 100644
--- a/frontend/src/components/Settings/Administration/Users/Dialog/EditUser.vue
+++ b/frontend/src/components/Settings/Administration/Users/Dialog/EditUser.vue
@@ -8,8 +8,8 @@ import type { UserItem } from "@/types/user";
 import { defaultAvatarPath, getRoleIcon } from "@/utils";
 import type { Emitter } from "mitt";
 import { inject, ref } from "vue";
-import { useDisplay } from "vuetify";
 import { useI18n } from "vue-i18n";
+import { useDisplay } from "vuetify";
 
 const { t } = useI18n();
 const user = ref<UserItem | null>(null);
diff --git a/frontend/src/components/Settings/Administration/Users/Dialog/InviteLink.vue b/frontend/src/components/Settings/Administration/Users/Dialog/InviteLink.vue
index 30d276017..3b7d065e2 100644
--- a/frontend/src/components/Settings/Administration/Users/Dialog/InviteLink.vue
+++ b/frontend/src/components/Settings/Administration/Users/Dialog/InviteLink.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import RDialog from "@/components/common/RDialog.vue";
+import userApi from "@/services/api/user";
 import type { Events } from "@/types/emitter";
 import { getRoleIcon } from "@/utils";
-import userApi from "@/services/api/user";
 import type { Emitter } from "mitt";
 import { inject, ref } from "vue";
-import { useDisplay } from "vuetify";
 import { useI18n } from "vue-i18n";
+import { useDisplay } from "vuetify";
 
 const { t } = useI18n();
 const { lgAndUp } = useDisplay();
diff --git a/frontend/src/components/Settings/Administration/Users/Table.vue b/frontend/src/components/Settings/Administration/Users/Table.vue
index e9e66f9c0..28fb2c062 100644
--- a/frontend/src/components/Settings/Administration/Users/Table.vue
+++ b/frontend/src/components/Settings/Administration/Users/Table.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import CreateUserDialog from "@/components/Settings/Administration/Users/Dialog/CreateUser.vue";
-import InviteLinkDialog from "@/components/Settings/Administration/Users/Dialog/InviteLink.vue";
 import DeleteUserDialog from "@/components/Settings/Administration/Users/Dialog/DeleteUser.vue";
+import InviteLinkDialog from "@/components/Settings/Administration/Users/Dialog/InviteLink.vue";
 import RSection from "@/components/common/RSection.vue";
 import userApi from "@/services/api/user";
 import storeAuth from "@/stores/auth";
diff --git a/frontend/src/components/Settings/LibraryManagement/Config/Dialog/CreateExclusion.vue b/frontend/src/components/Settings/LibraryManagement/Config/Dialog/CreateExclusion.vue
index e13aeb199..622961cd1 100644
--- a/frontend/src/components/Settings/LibraryManagement/Config/Dialog/CreateExclusion.vue
+++ b/frontend/src/components/Settings/LibraryManagement/Config/Dialog/CreateExclusion.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import RDialog from "@/components/common/RDialog.vue";
 import configApi from "@/services/api/config";
+import storeConfig from "@/stores/config";
 import type { Events } from "@/types/emitter";
 import type { Emitter } from "mitt";
-import storeConfig from "@/stores/config";
 import { inject, ref } from "vue";
-import { useDisplay } from "vuetify";
 import { useI18n } from "vue-i18n";
+import { useDisplay } from "vuetify";
 
 const { t } = useI18n();
 const { mdAndUp, smAndDown } = useDisplay();
diff --git a/frontend/src/components/Settings/LibraryManagement/Config/Dialog/CreatePlatformBinding.vue b/frontend/src/components/Settings/LibraryManagement/Config/Dialog/CreatePlatformBinding.vue
index 17b29134a..9ddf7eec4 100644
--- a/frontend/src/components/Settings/LibraryManagement/Config/Dialog/CreatePlatformBinding.vue
+++ b/frontend/src/components/Settings/LibraryManagement/Config/Dialog/CreatePlatformBinding.vue
@@ -3,14 +3,14 @@ import PlatformIcon from "@/components/common/Platform/Icon.vue";
 import RDialog from "@/components/common/RDialog.vue";
 import configApi from "@/services/api/config";
 import platformApi from "@/services/api/platform";
-import storeHeartbeat from "@/stores/heartbeat";
 import storeConfig from "@/stores/config";
+import storeHeartbeat from "@/stores/heartbeat";
 import { type Platform } from "@/stores/platforms";
 import type { Events } from "@/types/emitter";
 import type { Emitter } from "mitt";
 import { inject, ref } from "vue";
-import { useDisplay } from "vuetify";
 import { useI18n } from "vue-i18n";
+import { useDisplay } from "vuetify";
 
 const { t } = useI18n();
 const { mdAndUp } = useDisplay();
diff --git a/frontend/src/components/Settings/LibraryManagement/Config/Dialog/CreatePlatformVersion.vue b/frontend/src/components/Settings/LibraryManagement/Config/Dialog/CreatePlatformVersion.vue
index 3f79db32b..7eb758a79 100644
--- a/frontend/src/components/Settings/LibraryManagement/Config/Dialog/CreatePlatformVersion.vue
+++ b/frontend/src/components/Settings/LibraryManagement/Config/Dialog/CreatePlatformVersion.vue
@@ -4,13 +4,13 @@ import RDialog from "@/components/common/RDialog.vue";
 import configApi from "@/services/api/config";
 import platformApi from "@/services/api/platform";
 import storeConfig from "@/stores/config";
+import storeHeartbeat from "@/stores/heartbeat";
 import { type Platform } from "@/stores/platforms";
 import type { Events } from "@/types/emitter";
-import storeHeartbeat from "@/stores/heartbeat";
 import type { Emitter } from "mitt";
 import { inject, ref } from "vue";
-import { useDisplay } from "vuetify";
 import { useI18n } from "vue-i18n";
+import { useDisplay } from "vuetify";
 
 const { t } = useI18n();
 const { mdAndUp } = useDisplay();
diff --git a/frontend/src/components/Settings/LibraryManagement/Config/Excluded.vue b/frontend/src/components/Settings/LibraryManagement/Config/Excluded.vue
index edd7bf94c..6be3eed94 100644
--- a/frontend/src/components/Settings/LibraryManagement/Config/Excluded.vue
+++ b/frontend/src/components/Settings/LibraryManagement/Config/Excluded.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import RSection from "@/components/common/RSection.vue";
 import CreateExclusionDialog from "@/components/Settings/LibraryManagement/Config/Dialog/CreateExclusion.vue";
 import ExcludedCard from "@/components/Settings/LibraryManagement/Config/ExcludedCard.vue";
+import RSection from "@/components/common/RSection.vue";
 import storeAuth from "@/stores/auth";
 import storeConfig from "@/stores/config";
 import { ref } from "vue";
diff --git a/frontend/src/components/Settings/ServerStats/PlatformsStats.vue b/frontend/src/components/Settings/ServerStats/PlatformsStats.vue
index 49c905e44..9198b531b 100644
--- a/frontend/src/components/Settings/ServerStats/PlatformsStats.vue
+++ b/frontend/src/components/Settings/ServerStats/PlatformsStats.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { formatBytes } from "@/utils";
 import PlatformListItem from "@/components/common/Platform/ListItem.vue";
 import RSection from "@/components/common/RSection.vue";
 import storePlatforms from "@/stores/platforms";
+import { formatBytes } from "@/utils";
 import { storeToRefs } from "pinia";
 import { ref, computed } from "vue";
 import { useI18n } from "vue-i18n";
diff --git a/frontend/src/components/Settings/ServerStats/SummaryStats.vue b/frontend/src/components/Settings/ServerStats/SummaryStats.vue
index 305ba6226..b41544e04 100644
--- a/frontend/src/components/Settings/ServerStats/SummaryStats.vue
+++ b/frontend/src/components/Settings/ServerStats/SummaryStats.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { formatBytes } from "@/utils";
 import RSection from "@/components/common/RSection.vue";
+import { formatBytes } from "@/utils";
 import { useI18n } from "vue-i18n";
 
 defineProps<{
diff --git a/frontend/src/components/Settings/UserInterface/Interface.vue b/frontend/src/components/Settings/UserInterface/Interface.vue
index fd060dd80..ffede7d11 100644
--- a/frontend/src/components/Settings/UserInterface/Interface.vue
+++ b/frontend/src/components/Settings/UserInterface/Interface.vue
@@ -2,10 +2,10 @@
 import InterfaceOption from "@/components/Settings/UserInterface/InterfaceOption.vue";
 import RSection from "@/components/common/RSection.vue";
 import storeCollections from "@/stores/collections";
-import { computed, ref } from "vue";
-import { useDisplay } from "vuetify";
 import { isNull } from "lodash";
+import { computed, ref } from "vue";
 import { useI18n } from "vue-i18n";
+import { useDisplay } from "vuetify";
 
 const { t } = useI18n();
 const { smAndDown } = useDisplay();
diff --git a/frontend/src/components/Settings/UserInterface/Language.vue b/frontend/src/components/Settings/UserInterface/Language.vue
index 2c10b07c7..0c53d1760 100644
--- a/frontend/src/components/Settings/UserInterface/Language.vue
+++ b/frontend/src/components/Settings/UserInterface/Language.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import RSection from "@/components/common/RSection.vue";
 import LanguageSelector from "@/components/Settings/UserInterface/LanguageSelector.vue";
+import RSection from "@/components/common/RSection.vue";
 import { useI18n } from "vue-i18n";
 
 const { t } = useI18n();
diff --git a/frontend/src/components/Settings/UserInterface/LanguageSelector.vue b/frontend/src/components/Settings/UserInterface/LanguageSelector.vue
index 6e64c09c5..214b1cd36 100644
--- a/frontend/src/components/Settings/UserInterface/LanguageSelector.vue
+++ b/frontend/src/components/Settings/UserInterface/LanguageSelector.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { ref } from "vue";
-import { useI18n } from "vue-i18n";
 import languageStore from "@/stores/language";
 import { storeToRefs } from "pinia";
+import { ref } from "vue";
+import { useI18n } from "vue-i18n";
 
 const { locale } = useI18n();
 const storeLanguage = languageStore();
diff --git a/frontend/src/components/Settings/UserInterface/Theme.vue b/frontend/src/components/Settings/UserInterface/Theme.vue
index 21c1e666c..4522c91e8 100644
--- a/frontend/src/components/Settings/UserInterface/Theme.vue
+++ b/frontend/src/components/Settings/UserInterface/Theme.vue
@@ -4,8 +4,8 @@ import RSection from "@/components/common/RSection.vue";
 import { autoThemeKey, themes } from "@/styles/themes";
 import { isKeyof } from "@/types";
 import { computed, ref } from "vue";
-import { useTheme } from "vuetify";
 import { useI18n } from "vue-i18n";
+import { useTheme } from "vuetify";
 
 const { t } = useI18n();
 const theme = useTheme();
diff --git a/frontend/src/components/Settings/UserInterface/ThemeOption.vue b/frontend/src/components/Settings/UserInterface/ThemeOption.vue
index 6a1dd55dc..3adf2b6bf 100644
--- a/frontend/src/components/Settings/UserInterface/ThemeOption.vue
+++ b/frontend/src/components/Settings/UserInterface/ThemeOption.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { useDisplay } from "vuetify";
 import { useI18n } from "vue-i18n";
+import { useDisplay } from "vuetify";
 
 const { t } = useI18n();
 const { xs } = useDisplay();
diff --git a/frontend/src/components/Settings/UserProfile/RetroAchievements.vue b/frontend/src/components/Settings/UserProfile/RetroAchievements.vue
index 6ca17d509..b88fab38a 100644
--- a/frontend/src/components/Settings/UserProfile/RetroAchievements.vue
+++ b/frontend/src/components/Settings/UserProfile/RetroAchievements.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import RSection from "@/components/common/RSection.vue";
-import storeAuth from "@/stores/auth";
-import { inject, ref } from "vue";
-import type { Emitter } from "mitt";
-import type { Events } from "@/types/emitter";
 import userApi from "@/services/api/user";
+import storeAuth from "@/stores/auth";
+import type { Events } from "@/types/emitter";
+import type { Emitter } from "mitt";
+import { inject, ref } from "vue";
 import { watch } from "vue";
 import { useI18n } from "vue-i18n";
 
diff --git a/frontend/src/components/common/Collection/Card.vue b/frontend/src/components/common/Collection/Card.vue
index a672738f3..40e21748a 100644
--- a/frontend/src/components/common/Collection/Card.vue
+++ b/frontend/src/components/common/Collection/Card.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
+import Skeleton from "@/components/common/Game/Card/Skeleton.vue";
+import { ROUTES } from "@/plugins/router";
 import type { CollectionType } from "@/stores/collections";
 import storeGalleryView from "@/stores/galleryView";
 import storeHeartbeat from "@/stores/heartbeat";
-import { ROUTES } from "@/plugins/router";
-import Skeleton from "@/components/common/Game/Card/Skeleton.vue";
+import { getCollectionCoverImage, getFavoriteCoverImage } from "@/utils/covers";
+import VanillaTilt from "vanilla-tilt";
 import { computed, ref, watchEffect, onMounted, onBeforeUnmount } from "vue";
 import { useDisplay } from "vuetify";
-import VanillaTilt from "vanilla-tilt";
-import { getCollectionCoverImage, getFavoriteCoverImage } from "@/utils/covers";
 
 const EXTENSION_REGEX = /\.png|\.jpg|\.jpeg$/;
 
diff --git a/frontend/src/components/common/Collection/Dialog/AddRoms.vue b/frontend/src/components/common/Collection/Dialog/AddRoms.vue
index 9558f735a..5e9542ae3 100644
--- a/frontend/src/components/common/Collection/Dialog/AddRoms.vue
+++ b/frontend/src/components/common/Collection/Dialog/AddRoms.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import RAvatarCollection from "@/components/common/Collection/RAvatar.vue";
 import CollectionListItem from "@/components/common/Collection/ListItem.vue";
+import RAvatarCollection from "@/components/common/Collection/RAvatar.vue";
 import RomListItem from "@/components/common/Game/ListItem.vue";
 import RDialog from "@/components/common/RDialog.vue";
 import type { UpdatedCollection } from "@/services/api/collection";
@@ -10,8 +10,8 @@ import storeRoms, { type SimpleRom } from "@/stores/roms";
 import type { Events } from "@/types/emitter";
 import type { Emitter } from "mitt";
 import { inject, ref, watch } from "vue";
-import { useDisplay } from "vuetify";
 import { useI18n } from "vue-i18n";
+import { useDisplay } from "vuetify";
 
 const { t } = useI18n();
 const { mdAndUp } = useDisplay();
diff --git a/frontend/src/components/common/Collection/Dialog/CreateCollection.vue b/frontend/src/components/common/Collection/Dialog/CreateCollection.vue
index 40d6a84fc..8bad33bb1 100644
--- a/frontend/src/components/common/Collection/Dialog/CreateCollection.vue
+++ b/frontend/src/components/common/Collection/Dialog/CreateCollection.vue
@@ -1,19 +1,19 @@
 <script setup lang="ts">
 import CollectionCard from "@/components/common/Collection/Card.vue";
 import RDialog from "@/components/common/RDialog.vue";
+import { ROUTES } from "@/plugins/router";
 import collectionApi, {
   type UpdatedCollection,
 } from "@/services/api/collection";
 import storeCollections from "@/stores/collections";
 import storeHeartbeat from "@/stores/heartbeat";
 import type { Events } from "@/types/emitter";
+import { getMissingCoverImage } from "@/utils/covers";
 import type { Emitter } from "mitt";
 import { computed, inject, ref } from "vue";
-import { useDisplay } from "vuetify";
 import { useI18n } from "vue-i18n";
-import { getMissingCoverImage } from "@/utils/covers";
 import { useRouter } from "vue-router";
-import { ROUTES } from "@/plugins/router";
+import { useDisplay } from "vuetify";
 
 const { t } = useI18n();
 const { mdAndUp } = useDisplay();
diff --git a/frontend/src/components/common/Collection/Dialog/CreateSmartCollection.vue b/frontend/src/components/common/Collection/Dialog/CreateSmartCollection.vue
index ac122e781..bc969ea2b 100644
--- a/frontend/src/components/common/Collection/Dialog/CreateSmartCollection.vue
+++ b/frontend/src/components/common/Collection/Dialog/CreateSmartCollection.vue
@@ -1,18 +1,18 @@
 <script setup lang="ts">
-import { ref, computed } from "vue";
 import RDialog from "@/components/common/RDialog.vue";
-import storeGalleryFilter from "@/stores/galleryFilter";
-import type { Events } from "@/types/emitter";
+import { ROUTES } from "@/plugins/router";
 import collectionApi from "@/services/api/collection";
 import storeCollections from "@/stores/collections";
-import { storeToRefs } from "pinia";
-import type { Emitter } from "mitt";
-import { inject } from "vue";
-import { useDisplay } from "vuetify";
-import { useI18n } from "vue-i18n";
-import { ROUTES } from "@/plugins/router";
-import { useRouter } from "vue-router";
+import storeGalleryFilter from "@/stores/galleryFilter";
+import type { Events } from "@/types/emitter";
 import { getStatusKeyForText } from "@/utils";
+import type { Emitter } from "mitt";
+import { storeToRefs } from "pinia";
+import { ref, computed } from "vue";
+import { inject } from "vue";
+import { useI18n } from "vue-i18n";
+import { useRouter } from "vue-router";
+import { useDisplay } from "vuetify";
 
 const { t } = useI18n();
 const galleryFilterStore = storeGalleryFilter();
diff --git a/frontend/src/components/common/Collection/Dialog/DeleteCollection.vue b/frontend/src/components/common/Collection/Dialog/DeleteCollection.vue
index 1890e8fda..86d247768 100644
--- a/frontend/src/components/common/Collection/Dialog/DeleteCollection.vue
+++ b/frontend/src/components/common/Collection/Dialog/DeleteCollection.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
 import RAvatarCollection from "@/components/common/Collection/RAvatar.vue";
 import RDialog from "@/components/common/RDialog.vue";
+import { ROUTES } from "@/plugins/router";
 import collectionApi from "@/services/api/collection";
 import storeCollections, { type Collection } from "@/stores/collections";
 import type { Events } from "@/types/emitter";
-import { ROUTES } from "@/plugins/router";
 import type { Emitter } from "mitt";
 import { inject, ref } from "vue";
+import { useI18n } from "vue-i18n";
 import { useRouter } from "vue-router";
 import { useDisplay } from "vuetify";
-import { useI18n } from "vue-i18n";
 
 const { t } = useI18n();
 const router = useRouter();
diff --git a/frontend/src/components/common/Collection/Dialog/DeleteSmartCollection.vue b/frontend/src/components/common/Collection/Dialog/DeleteSmartCollection.vue
index 88739434c..97b6be80a 100644
--- a/frontend/src/components/common/Collection/Dialog/DeleteSmartCollection.vue
+++ b/frontend/src/components/common/Collection/Dialog/DeleteSmartCollection.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
 import RAvatarCollection from "@/components/common/Collection/RAvatar.vue";
 import RDialog from "@/components/common/RDialog.vue";
+import { ROUTES } from "@/plugins/router";
 import collectionApi from "@/services/api/collection";
 import storeCollections, { type SmartCollection } from "@/stores/collections";
 import type { Events } from "@/types/emitter";
-import { ROUTES } from "@/plugins/router";
 import type { Emitter } from "mitt";
 import { inject, ref } from "vue";
+import { useI18n } from "vue-i18n";
 import { useRouter } from "vue-router";
 import { useDisplay } from "vuetify";
-import { useI18n } from "vue-i18n";
 
 const { t } = useI18n();
 const router = useRouter();
diff --git a/frontend/src/components/common/Collection/Dialog/RemoveRoms.vue b/frontend/src/components/common/Collection/Dialog/RemoveRoms.vue
index 4e18b411b..2befaa16a 100644
--- a/frontend/src/components/common/Collection/Dialog/RemoveRoms.vue
+++ b/frontend/src/components/common/Collection/Dialog/RemoveRoms.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
-import RAvatarCollection from "@/components/common/Collection/RAvatar.vue";
 import CollectionListItem from "@/components/common/Collection/ListItem.vue";
+import RAvatarCollection from "@/components/common/Collection/RAvatar.vue";
 import RomListItem from "@/components/common/Game/ListItem.vue";
 import RDialog from "@/components/common/RDialog.vue";
+import { ROUTES } from "@/plugins/router";
 import type { UpdatedCollection } from "@/services/api/collection";
 import collectionApi from "@/services/api/collection";
 import storeCollections from "@/stores/collections";
@@ -10,10 +11,9 @@ import storeRoms, { type SimpleRom } from "@/stores/roms";
 import type { Events } from "@/types/emitter";
 import type { Emitter } from "mitt";
 import { inject, ref, watch } from "vue";
-import { useDisplay } from "vuetify";
 import { useI18n } from "vue-i18n";
 import { useRouter } from "vue-router";
-import { ROUTES } from "@/plugins/router";
+import { useDisplay } from "vuetify";
 
 const { t } = useI18n();
 const { mdAndUp } = useDisplay();
diff --git a/frontend/src/components/common/Collection/ListItem.vue b/frontend/src/components/common/Collection/ListItem.vue
index c1920de87..9eb67fd52 100644
--- a/frontend/src/components/common/Collection/ListItem.vue
+++ b/frontend/src/components/common/Collection/ListItem.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import type { CollectionType } from "@/stores/collections";
 import RAvatar from "@/components/common/Collection/RAvatar.vue";
 import { ROUTES } from "@/plugins/router";
+import type { CollectionType } from "@/stores/collections";
 import { computed } from "vue";
 
 const props = withDefaults(
diff --git a/frontend/src/components/common/Collection/RAvatar.vue b/frontend/src/components/common/Collection/RAvatar.vue
index 1512ad7dc..5dcdd7195 100644
--- a/frontend/src/components/common/Collection/RAvatar.vue
+++ b/frontend/src/components/common/Collection/RAvatar.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import storeHeartbeat from "@/stores/heartbeat";
-import { type CollectionType } from "@/stores/collections";
 import Skeleton from "@/components/common/Game/Card/Skeleton.vue";
+import { type CollectionType } from "@/stores/collections";
+import storeHeartbeat from "@/stores/heartbeat";
 import { getCollectionCoverImage, getFavoriteCoverImage } from "@/utils/covers";
 import { computed, ref, watchEffect } from "vue";
 
diff --git a/frontend/src/components/common/Game/AdminMenu.vue b/frontend/src/components/common/Game/AdminMenu.vue
index e01fd32e1..8d577e918 100644
--- a/frontend/src/components/common/Game/AdminMenu.vue
+++ b/frontend/src/components/common/Game/AdminMenu.vue
@@ -1,17 +1,17 @@
 <script setup lang="ts">
+import { useFavoriteToggle } from "@/composables/useFavoriteToggle";
+import romApi from "@/services/api/rom";
+import socket from "@/services/socket";
 import storeAuth from "@/stores/auth";
 import storeCollections from "@/stores/collections";
-import storeRoms from "@/stores/roms";
 import storeHeartbeat from "@/stores/heartbeat";
+import storeRoms from "@/stores/roms";
 import type { SimpleRom } from "@/stores/roms";
 import storeScanning from "@/stores/scanning";
-import socket from "@/services/socket";
 import type { Events } from "@/types/emitter";
 import type { Emitter } from "mitt";
 import { inject } from "vue";
 import { useI18n } from "vue-i18n";
-import romApi from "@/services/api/rom";
-import { useFavoriteToggle } from "@/composables/useFavoriteToggle";
 
 const { t } = useI18n();
 const props = defineProps<{ rom: SimpleRom }>();
diff --git a/frontend/src/components/common/Game/Card/ActionBar.vue b/frontend/src/components/common/Game/Card/ActionBar.vue
index fa1b009e5..7d4ea6c99 100644
--- a/frontend/src/components/common/Game/Card/ActionBar.vue
+++ b/frontend/src/components/common/Game/Card/ActionBar.vue
@@ -1,21 +1,21 @@
 <script setup lang="ts">
 import AdminMenu from "@/components/common/Game/AdminMenu.vue";
+import { ROUTES } from "@/plugins/router";
 import romApi from "@/services/api/rom";
+import storeAuth from "@/stores/auth";
+import storeConfig from "@/stores/config";
 import storeDownload from "@/stores/download";
 import storeHeartbeat from "@/stores/heartbeat";
-import storeConfig from "@/stores/config";
 import type { SimpleRom } from "@/stores/roms";
-import storeAuth from "@/stores/auth";
 import type { Events } from "@/types/emitter";
 import {
   isEJSEmulationSupported,
   isRuffleEmulationSupported,
   is3DSCIARom,
 } from "@/utils";
-import { ROUTES } from "@/plugins/router";
 import type { Emitter } from "mitt";
-import { computed, inject, ref, watch } from "vue";
 import { storeToRefs } from "pinia";
+import { computed, inject, ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
 
 const props = defineProps<{ rom: SimpleRom; sizeActionBar: number }>();
diff --git a/frontend/src/components/common/Game/Card/Base.vue b/frontend/src/components/common/Game/Card/Base.vue
index f80076ba6..6ec85d380 100644
--- a/frontend/src/components/common/Game/Card/Base.vue
+++ b/frontend/src/components/common/Game/Card/Base.vue
@@ -2,24 +2,24 @@
 import type { SearchRomSchema } from "@/__generated__";
 import ActionBar from "@/components/common/Game/Card/ActionBar.vue";
 import Flags from "@/components/common/Game/Card/Flags.vue";
-import Sources from "@/components/common/Game/Card/Sources.vue";
-import storePlatforms from "@/stores/platforms";
-import PlatformIcon from "@/components/common/Platform/Icon.vue";
-import MissingFromFSIcon from "@/components/common/MissingFromFSIcon.vue";
 import Skeleton from "@/components/common/Game/Card/Skeleton.vue";
+import Sources from "@/components/common/Game/Card/Sources.vue";
+import MissingFromFSIcon from "@/components/common/MissingFromFSIcon.vue";
+import PlatformIcon from "@/components/common/Platform/Icon.vue";
+import { ROUTES } from "@/plugins/router";
 import storeCollections from "@/stores/collections";
 import storeGalleryView from "@/stores/galleryView";
-import { ROUTES } from "@/plugins/router";
+import storeHeartbeat from "@/stores/heartbeat";
+import storePlatforms from "@/stores/platforms";
 import storeRoms from "@/stores/roms";
 import { type SimpleRom } from "@/stores/roms";
-import { computed, ref, onMounted, onBeforeUnmount, inject } from "vue";
+import type { Events } from "@/types/emitter";
 import { getMissingCoverImage, getUnmatchedCoverImage } from "@/utils/covers";
 import { isNull } from "lodash";
-import { useDisplay } from "vuetify";
-import VanillaTilt from "vanilla-tilt";
-import type { Events } from "@/types/emitter";
 import type { Emitter } from "mitt";
-import storeHeartbeat from "@/stores/heartbeat";
+import VanillaTilt from "vanilla-tilt";
+import { computed, ref, onMounted, onBeforeUnmount, inject } from "vue";
+import { useDisplay } from "vuetify";
 
 const EXTENSION_REGEX = /\.png|\.jpg|\.jpeg$/;
 
diff --git a/frontend/src/components/common/Game/Card/Flags.vue b/frontend/src/components/common/Game/Card/Flags.vue
index 0f7d71a67..270ddf01e 100644
--- a/frontend/src/components/common/Game/Card/Flags.vue
+++ b/frontend/src/components/common/Game/Card/Flags.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { computed } from "vue";
 import { type SimpleRom } from "@/stores/roms";
 import {
   languageToEmoji,
@@ -8,6 +7,7 @@ import {
   getTextForStatus,
 } from "@/utils";
 import { identity, isNull } from "lodash";
+import { computed } from "vue";
 
 const props = defineProps<{ rom: SimpleRom }>();
 const showRegions = isNull(localStorage.getItem("settings.showRegions"))
diff --git a/frontend/src/components/common/Game/Card/Skeleton.vue b/frontend/src/components/common/Game/Card/Skeleton.vue
index 87bbd8b02..9ba765861 100644
--- a/frontend/src/components/common/Game/Card/Skeleton.vue
+++ b/frontend/src/components/common/Game/Card/Skeleton.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import storePlatforms from "@/stores/platforms";
 import storeGalleryView from "@/stores/galleryView";
+import storePlatforms from "@/stores/platforms";
+import { isNull } from "lodash";
 import { computed } from "vue";
 import { useDisplay } from "vuetify";
-import { isNull } from "lodash";
 
 const props = withDefaults(
   defineProps<{
diff --git a/frontend/src/components/common/Game/Dialog/Asset/SelectSave.vue b/frontend/src/components/common/Game/Dialog/Asset/SelectSave.vue
index 9f77fb4b9..1c1179713 100644
--- a/frontend/src/components/common/Game/Dialog/Asset/SelectSave.vue
+++ b/frontend/src/components/common/Game/Dialog/Asset/SelectSave.vue
@@ -1,16 +1,16 @@
 <script setup lang="ts">
 import type { SaveSchema } from "@/__generated__";
 import RDialog from "@/components/common/RDialog.vue";
-import type { DetailedRom } from "@/stores/roms";
 import storeAuth from "@/stores/auth";
+import type { DetailedRom } from "@/stores/roms";
 import type { Events } from "@/types/emitter";
 import { formatBytes, formatTimestamp } from "@/utils";
 import { getEmptyCoverImage } from "@/utils/covers";
 import type { Emitter } from "mitt";
-import { inject, ref } from "vue";
-import { useDisplay } from "vuetify";
 import { storeToRefs } from "pinia";
+import { inject, ref } from "vue";
 import { useI18n } from "vue-i18n";
+import { useDisplay } from "vuetify";
 
 const { t } = useI18n();
 const auth = storeAuth();
diff --git a/frontend/src/components/common/Game/Dialog/Asset/SelectState.vue b/frontend/src/components/common/Game/Dialog/Asset/SelectState.vue
index 58dc8a31e..72e731415 100644
--- a/frontend/src/components/common/Game/Dialog/Asset/SelectState.vue
+++ b/frontend/src/components/common/Game/Dialog/Asset/SelectState.vue
@@ -1,16 +1,16 @@
 <script setup lang="ts">
 import type { StateSchema } from "@/__generated__";
 import RDialog from "@/components/common/RDialog.vue";
-import type { DetailedRom } from "@/stores/roms";
 import storeAuth from "@/stores/auth";
+import type { DetailedRom } from "@/stores/roms";
 import type { Events } from "@/types/emitter";
 import { formatBytes, formatTimestamp } from "@/utils";
 import { getEmptyCoverImage } from "@/utils/covers";
 import type { Emitter } from "mitt";
-import { inject, ref } from "vue";
-import { useDisplay } from "vuetify";
 import { storeToRefs } from "pinia";
+import { inject, ref } from "vue";
 import { useI18n } from "vue-i18n";
+import { useDisplay } from "vuetify";
 
 const { t } = useI18n();
 const auth = storeAuth();
diff --git a/frontend/src/components/common/Game/Dialog/CopyDownloadLink.vue b/frontend/src/components/common/Game/Dialog/CopyDownloadLink.vue
index 6278dd460..bfa85bd30 100644
--- a/frontend/src/components/common/Game/Dialog/CopyDownloadLink.vue
+++ b/frontend/src/components/common/Game/Dialog/CopyDownloadLink.vue
@@ -3,8 +3,8 @@ import RDialog from "@/components/common/RDialog.vue";
 import type { Events } from "@/types/emitter";
 import type { Emitter } from "mitt";
 import { inject, ref } from "vue";
-import { useDisplay } from "vuetify";
 import { useI18n } from "vue-i18n";
+import { useDisplay } from "vuetify";
 
 const { t } = useI18n();
 const { lgAndUp } = useDisplay();
diff --git a/frontend/src/components/common/Game/Dialog/DeleteRom.vue b/frontend/src/components/common/Game/Dialog/DeleteRom.vue
index 2278480ca..27f96717a 100644
--- a/frontend/src/components/common/Game/Dialog/DeleteRom.vue
+++ b/frontend/src/components/common/Game/Dialog/DeleteRom.vue
@@ -1,17 +1,17 @@
 <script setup lang="ts">
 import RomListItem from "@/components/common/Game/ListItem.vue";
 import RDialog from "@/components/common/RDialog.vue";
-import romApi from "@/services/api/rom";
-import storeRoms, { type SimpleRom } from "@/stores/roms";
-import configApi from "@/services/api/config";
-import type { Events } from "@/types/emitter";
-import storeConfig from "@/stores/config";
 import { ROUTES } from "@/plugins/router";
+import configApi from "@/services/api/config";
+import romApi from "@/services/api/rom";
+import storeConfig from "@/stores/config";
+import storeRoms, { type SimpleRom } from "@/stores/roms";
+import type { Events } from "@/types/emitter";
 import type { Emitter } from "mitt";
 import { inject, ref } from "vue";
+import { useI18n } from "vue-i18n";
 import { useRouter, useRoute } from "vue-router";
 import { useDisplay } from "vuetify";
-import { useI18n } from "vue-i18n";
 
 const { t } = useI18n();
 const { mdAndUp } = useDisplay();
diff --git a/frontend/src/components/common/Game/Dialog/EditRom.vue b/frontend/src/components/common/Game/Dialog/EditRom.vue
index 33ed3ef32..a70d9eaed 100644
--- a/frontend/src/components/common/Game/Dialog/EditRom.vue
+++ b/frontend/src/components/common/Game/Dialog/EditRom.vue
@@ -8,12 +8,12 @@ import storePlatforms from "@/stores/platforms";
 import storeRoms, { type SimpleRom } from "@/stores/roms";
 import storeUpload from "@/stores/upload";
 import type { Events } from "@/types/emitter";
+import { getMissingCoverImage } from "@/utils/covers";
 import type { Emitter } from "mitt";
 import { computed, inject, ref } from "vue";
+import { useI18n } from "vue-i18n";
 import { useRoute } from "vue-router";
 import { useDisplay } from "vuetify";
-import { useI18n } from "vue-i18n";
-import { getMissingCoverImage } from "@/utils/covers";
 
 const { t } = useI18n();
 const { lgAndUp } = useDisplay();
diff --git a/frontend/src/components/common/Game/Dialog/MatchRom.vue b/frontend/src/components/common/Game/Dialog/MatchRom.vue
index d30bddd43..88f54c3c2 100644
--- a/frontend/src/components/common/Game/Dialog/MatchRom.vue
+++ b/frontend/src/components/common/Game/Dialog/MatchRom.vue
@@ -1,21 +1,21 @@
 <script setup lang="ts">
 import type { SearchRomSchema } from "@/__generated__";
-import GameCard from "@/components/common/Game/Card/Base.vue";
-import RDialog from "@/components/common/RDialog.vue";
-import Skeleton from "@/components/common/Game/Card/Skeleton.vue";
 import EmptyManualMatch from "@/components/common/EmptyStates/EmptyManualMatch.vue";
+import GameCard from "@/components/common/Game/Card/Base.vue";
+import Skeleton from "@/components/common/Game/Card/Skeleton.vue";
+import RDialog from "@/components/common/RDialog.vue";
+import romApi from "@/services/api/rom";
 import storeGalleryView from "@/stores/galleryView";
 import storeHeartbeat from "@/stores/heartbeat";
-import storeRoms, { type SimpleRom } from "@/stores/roms";
 import storePlatforms from "@/stores/platforms";
-import romApi from "@/services/api/rom";
+import storeRoms, { type SimpleRom } from "@/stores/roms";
 import type { Events } from "@/types/emitter";
+import { getMissingCoverImage } from "@/utils/covers";
 import type { Emitter } from "mitt";
 import { computed, inject, onBeforeUnmount, ref } from "vue";
+import { useI18n } from "vue-i18n";
 import { useRoute } from "vue-router";
 import { useDisplay } from "vuetify";
-import { useI18n } from "vue-i18n";
-import { getMissingCoverImage } from "@/utils/covers";
 
 type MatchedSource = {
   url_cover: string | undefined;
diff --git a/frontend/src/components/common/Game/Dialog/NoteDialog.vue b/frontend/src/components/common/Game/Dialog/NoteDialog.vue
index 868b39269..f6661cb41 100644
--- a/frontend/src/components/common/Game/Dialog/NoteDialog.vue
+++ b/frontend/src/components/common/Game/Dialog/NoteDialog.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
+import type { SimpleRom } from "@/stores/roms";
+import type { Events } from "@/types/emitter";
 import { MdPreview } from "md-editor-v3";
 import "md-editor-v3/lib/style.css";
-import type { Events } from "@/types/emitter";
 import type { Emitter } from "mitt";
 import { inject, ref } from "vue";
-import type { SimpleRom } from "@/stores/roms";
-import { useTheme } from "vuetify";
 import { useI18n } from "vue-i18n";
+import { useTheme } from "vuetify";
 
 const theme = useTheme();
 const emitter = inject<Emitter<Events>>("emitter");
diff --git a/frontend/src/components/common/Game/Dialog/ShowQRCode.vue b/frontend/src/components/common/Game/Dialog/ShowQRCode.vue
index 5aba3eb99..b4c09b8c9 100644
--- a/frontend/src/components/common/Game/Dialog/ShowQRCode.vue
+++ b/frontend/src/components/common/Game/Dialog/ShowQRCode.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
+import RDialog from "@/components/common/RDialog.vue";
 import type { SimpleRom } from "@/stores/roms";
 import type { Events } from "@/types/emitter";
-import RDialog from "@/components/common/RDialog.vue";
 import { get3DSCIAFiles, getDownloadLink, is3DSCIAFile } from "@/utils";
 import type { Emitter } from "mitt";
+import qrcode from "qrcode";
 import { inject, nextTick, ref } from "vue";
 import { useDisplay } from "vuetify";
-import qrcode from "qrcode";
 
 const { lgAndUp } = useDisplay();
 const show = ref(false);
diff --git a/frontend/src/components/common/Game/Dialog/UploadRom.vue b/frontend/src/components/common/Game/Dialog/UploadRom.vue
index c7d87e3c8..5a32b13e6 100644
--- a/frontend/src/components/common/Game/Dialog/UploadRom.vue
+++ b/frontend/src/components/common/Game/Dialog/UploadRom.vue
@@ -6,14 +6,14 @@ import romApi from "@/services/api/rom";
 import socket from "@/services/socket";
 import storeHeartbeat from "@/stores/heartbeat";
 import { type Platform } from "@/stores/platforms";
-import storeUpload from "@/stores/upload";
 import storeScanning from "@/stores/scanning";
+import storeUpload from "@/stores/upload";
 import type { Events } from "@/types/emitter";
 import { formatBytes } from "@/utils";
 import type { Emitter } from "mitt";
 import { inject, ref } from "vue";
-import { useDisplay } from "vuetify";
 import { useI18n } from "vue-i18n";
+import { useDisplay } from "vuetify";
 
 const { t } = useI18n();
 const { xs, mdAndUp, smAndUp } = useDisplay();
diff --git a/frontend/src/components/common/Game/FavBtn.vue b/frontend/src/components/common/Game/FavBtn.vue
index b7d24db69..22eec6e14 100644
--- a/frontend/src/components/common/Game/FavBtn.vue
+++ b/frontend/src/components/common/Game/FavBtn.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
+import { useFavoriteToggle } from "@/composables/useFavoriteToggle";
+import storeAuth from "@/stores/auth";
 import storeCollections from "@/stores/collections";
 import { type SimpleRom } from "@/stores/roms";
-import storeAuth from "@/stores/auth";
 import type { Events } from "@/types/emitter";
 import type { Emitter } from "mitt";
 import { inject } from "vue";
-import { useFavoriteToggle } from "@/composables/useFavoriteToggle";
 
 const props = defineProps<{ rom: SimpleRom }>();
 const collectionsStore = storeCollections();
diff --git a/frontend/src/components/common/Game/ListItem.vue b/frontend/src/components/common/Game/ListItem.vue
index 2250c09eb..742a199eb 100644
--- a/frontend/src/components/common/Game/ListItem.vue
+++ b/frontend/src/components/common/Game/ListItem.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { SimpleRom } from "@/stores/roms";
 import RAvatarRom from "@/components/common/Game/RAvatar.vue";
-import { formatBytes } from "@/utils";
 import { ROUTES } from "@/plugins/router";
+import type { SimpleRom } from "@/stores/roms";
+import { formatBytes } from "@/utils";
 
 withDefaults(
   defineProps<{
diff --git a/frontend/src/components/common/Game/Table.vue b/frontend/src/components/common/Game/Table.vue
index bcf7bded2..1e9819a72 100644
--- a/frontend/src/components/common/Game/Table.vue
+++ b/frontend/src/components/common/Game/Table.vue
@@ -1,15 +1,16 @@
 <script setup lang="ts">
-import PlatformIcon from "@/components/common/Platform/Icon.vue";
 import AdminMenu from "@/components/common/Game/AdminMenu.vue";
 import FavBtn from "@/components/common/Game/FavBtn.vue";
 import RAvatarRom from "@/components/common/Game/RAvatar.vue";
 import MissingFromFSIcon from "@/components/common/MissingFromFSIcon.vue";
+import PlatformIcon from "@/components/common/Platform/Icon.vue";
+import { ROUTES } from "@/plugins/router";
 import romApi from "@/services/api/rom";
+import storeAuth from "@/stores/auth";
 import storeConfig from "@/stores/config";
 import storeDownload from "@/stores/download";
-import storeHeartbeat from "@/stores/heartbeat";
-import storeAuth from "@/stores/auth";
 import storeGalleryFilter from "@/stores/galleryFilter";
+import storeHeartbeat from "@/stores/heartbeat";
 import storeRoms, { type SimpleRom } from "@/stores/roms";
 import {
   formatBytes,
@@ -18,7 +19,6 @@ import {
   languageToEmoji,
   regionToEmoji,
 } from "@/utils";
-import { ROUTES } from "@/plugins/router";
 import { isNull } from "lodash";
 import { storeToRefs } from "pinia";
 import { computed } from "vue";
diff --git a/frontend/src/components/common/Navigation/CollectionsDrawer.vue b/frontend/src/components/common/Navigation/CollectionsDrawer.vue
index 99e491cb1..8497e4994 100644
--- a/frontend/src/components/common/Navigation/CollectionsDrawer.vue
+++ b/frontend/src/components/common/Navigation/CollectionsDrawer.vue
@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import storeCollections from "@/stores/collections";
-import CollectionListItem from "@/components/common/Collection/ListItem.vue";
 import CreateCollectionDialog from "@/components/common/Collection/Dialog/CreateCollection.vue";
 import CreateSmartCollectionDialog from "@/components/common/Collection/Dialog/CreateSmartCollection.vue";
+import CollectionListItem from "@/components/common/Collection/ListItem.vue";
+import storeCollections from "@/stores/collections";
 import storeNavigation from "@/stores/navigation";
 import type { Events } from "@/types/emitter";
+import { isNull } from "lodash";
 import type { Emitter } from "mitt";
 import { storeToRefs } from "pinia";
 import { inject, onBeforeUnmount, onMounted, ref, watch, computed } from "vue";
-import { useDisplay } from "vuetify";
 import { useI18n } from "vue-i18n";
-import { isNull } from "lodash";
+import { useDisplay } from "vuetify";
 
 const { t } = useI18n();
 const navigationStore = storeNavigation();
diff --git a/frontend/src/components/common/Navigation/HomeBtn.vue b/frontend/src/components/common/Navigation/HomeBtn.vue
index 7123d1445..3ba8f79f6 100644
--- a/frontend/src/components/common/Navigation/HomeBtn.vue
+++ b/frontend/src/components/common/Navigation/HomeBtn.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
+import RIsotipo from "@/components/common/RIsotipo.vue";
 import { ROUTES } from "@/plugins/router";
 import storeNavigation from "@/stores/navigation";
-import RIsotipo from "@/components/common/RIsotipo.vue";
-import { useDisplay } from "vuetify";
 import { storeToRefs } from "pinia";
+import { useDisplay } from "vuetify";
 
 const { smAndDown } = useDisplay();
 const navigationStore = storeNavigation();
diff --git a/frontend/src/components/common/Navigation/MainAppBar.vue b/frontend/src/components/common/Navigation/MainAppBar.vue
index 5d374fd3b..9cfcd84d7 100644
--- a/frontend/src/components/common/Navigation/MainAppBar.vue
+++ b/frontend/src/components/common/Navigation/MainAppBar.vue
@@ -1,16 +1,16 @@
 <script setup lang="ts">
+import UploadRomDialog from "@/components/common/Game/Dialog/UploadRom.vue";
+import CollectionsBtn from "@/components/common/Navigation/CollectionsBtn.vue";
+import CollectionsDrawer from "@/components/common/Navigation/CollectionsDrawer.vue";
+import ConsoleModeBtn from "@/components/common/Navigation/ConsoleModeBtn.vue";
 import HomeBtn from "@/components/common/Navigation/HomeBtn.vue";
 import PlatformsBtn from "@/components/common/Navigation/PlatformsBtn.vue";
-import CollectionsBtn from "@/components/common/Navigation/CollectionsBtn.vue";
+import PlatformsDrawer from "@/components/common/Navigation/PlatformsDrawer.vue";
 import ScanBtn from "@/components/common/Navigation/ScanBtn.vue";
 import SearchBtn from "@/components/common/Navigation/SearchBtn.vue";
+import SettingsDrawer from "@/components/common/Navigation/SettingsDrawer.vue";
 import UploadBtn from "@/components/common/Navigation/UploadBtn.vue";
 import UserBtn from "@/components/common/Navigation/UserBtn.vue";
-import PlatformsDrawer from "@/components/common/Navigation/PlatformsDrawer.vue";
-import CollectionsDrawer from "@/components/common/Navigation/CollectionsDrawer.vue";
-import UploadRomDialog from "@/components/common/Game/Dialog/UploadRom.vue";
-import SettingsDrawer from "@/components/common/Navigation/SettingsDrawer.vue";
-import ConsoleModeBtn from "@/components/common/Navigation/ConsoleModeBtn.vue";
 import storeNavigation from "@/stores/navigation";
 import { storeToRefs } from "pinia";
 import { useDisplay } from "vuetify";
diff --git a/frontend/src/components/common/Navigation/PlatformsDrawer.vue b/frontend/src/components/common/Navigation/PlatformsDrawer.vue
index 8ca141d8e..056a2368b 100644
--- a/frontend/src/components/common/Navigation/PlatformsDrawer.vue
+++ b/frontend/src/components/common/Navigation/PlatformsDrawer.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import type { Platform } from "@/stores/platforms";
 import PlatformListItem from "@/components/common/Platform/ListItem.vue";
 import storeNavigation from "@/stores/navigation";
+import type { Platform } from "@/stores/platforms";
 import storePlatforms from "@/stores/platforms";
 import { storeToRefs } from "pinia";
-import { useDisplay } from "vuetify";
-import { useI18n } from "vue-i18n";
 import { ref, watch, computed } from "vue";
+import { useI18n } from "vue-i18n";
+import { useDisplay } from "vuetify";
 
 const { t } = useI18n();
 const { mdAndUp, smAndDown } = useDisplay();
diff --git a/frontend/src/components/common/Navigation/SettingsDrawer.vue b/frontend/src/components/common/Navigation/SettingsDrawer.vue
index 6c12e61e0..ebe3ce7c1 100644
--- a/frontend/src/components/common/Navigation/SettingsDrawer.vue
+++ b/frontend/src/components/common/Navigation/SettingsDrawer.vue
@@ -1,18 +1,18 @@
 <script setup lang="ts">
 import AboutDialog from "@/components/Settings/AboutDialog.vue";
-import identityApi from "@/services/api/identity";
+import { ROUTES } from "@/plugins/router";
 import { refetchCSRFToken } from "@/services/api";
+import identityApi from "@/services/api/identity";
 import storeAuth from "@/stores/auth";
 import storeNavigation from "@/stores/navigation";
 import type { Events } from "@/types/emitter";
 import { defaultAvatarPath, getRoleIcon } from "@/utils";
-import { ROUTES } from "@/plugins/router";
 import type { Emitter } from "mitt";
 import { storeToRefs, getActivePinia, type StateTree } from "pinia";
 import { inject, ref, watch, computed } from "vue";
+import { useI18n } from "vue-i18n";
 import { useRouter } from "vue-router";
 import { useDisplay } from "vuetify";
-import { useI18n } from "vue-i18n";
 
 const { t } = useI18n();
 const navigationStore = storeNavigation();
diff --git a/frontend/src/components/common/Platform/Card.vue b/frontend/src/components/common/Platform/Card.vue
index 8bc7fa6cb..742c2d409 100644
--- a/frontend/src/components/common/Platform/Card.vue
+++ b/frontend/src/components/common/Platform/Card.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { ref, onMounted, onBeforeUnmount } from "vue";
-import type { Platform } from "@/stores/platforms";
-import { ROUTES } from "@/plugins/router";
-import PlatformIcon from "@/components/common/Platform/Icon.vue";
 import MissingFromFSIcon from "@/components/common/MissingFromFSIcon.vue";
+import PlatformIcon from "@/components/common/Platform/Icon.vue";
+import { ROUTES } from "@/plugins/router";
+import type { Platform } from "@/stores/platforms";
 import VanillaTilt from "vanilla-tilt";
+import { ref, onMounted, onBeforeUnmount } from "vue";
 import { useDisplay } from "vuetify";
 
 const props = withDefaults(
diff --git a/frontend/src/components/common/Platform/Dialog/DeletePlatform.vue b/frontend/src/components/common/Platform/Dialog/DeletePlatform.vue
index db26f2b97..585cd972a 100644
--- a/frontend/src/components/common/Platform/Dialog/DeletePlatform.vue
+++ b/frontend/src/components/common/Platform/Dialog/DeletePlatform.vue
@@ -1,17 +1,17 @@
 <script setup lang="ts">
+import PlatformIcon from "@/components/common/Platform/Icon.vue";
 import RDialog from "@/components/common/RDialog.vue";
+import { ROUTES } from "@/plugins/router";
+import configApi from "@/services/api/config";
 import platformApi from "@/services/api/platform";
+import storeConfig from "@/stores/config";
 import storePlatforms, { type Platform } from "@/stores/platforms";
 import type { Events } from "@/types/emitter";
-import configApi from "@/services/api/config";
-import storeConfig from "@/stores/config";
-import { ROUTES } from "@/plugins/router";
-import PlatformIcon from "@/components/common/Platform/Icon.vue";
 import type { Emitter } from "mitt";
 import { inject, ref } from "vue";
+import { useI18n } from "vue-i18n";
 import { useRouter } from "vue-router";
 import { useDisplay } from "vuetify";
-import { useI18n } from "vue-i18n";
 
 const { t } = useI18n();
 const router = useRouter();
diff --git a/frontend/src/components/common/Platform/ListItem.vue b/frontend/src/components/common/Platform/ListItem.vue
index 003a9572e..cbfe0b848 100644
--- a/frontend/src/components/common/Platform/ListItem.vue
+++ b/frontend/src/components/common/Platform/ListItem.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import PlatformIcon from "@/components/common/Platform/Icon.vue";
 import MissingFromFSIcon from "@/components/common/MissingFromFSIcon.vue";
+import PlatformIcon from "@/components/common/Platform/Icon.vue";
 import { ROUTES } from "@/plugins/router";
 import type { Platform } from "@/stores/platforms";
 
diff --git a/frontend/src/components/common/SearchCover.vue b/frontend/src/components/common/SearchCover.vue
index 96916b32a..fba762af8 100644
--- a/frontend/src/components/common/SearchCover.vue
+++ b/frontend/src/components/common/SearchCover.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { SearchCoverSchema } from "@/__generated__";
+import Skeleton from "@/components/common/Game/Card/Skeleton.vue";
 import RDialog from "@/components/common/RDialog.vue";
 import sgdbApi from "@/services/api/sgdb";
-import Skeleton from "@/components/common/Game/Card/Skeleton.vue";
 import storeGalleryView from "@/stores/galleryView";
 import type { Events } from "@/types/emitter";
 import type { Emitter } from "mitt";
diff --git a/frontend/src/composables/useFavoriteToggle.ts b/frontend/src/composables/useFavoriteToggle.ts
index 5560c6dfd..5af00ff38 100644
--- a/frontend/src/composables/useFavoriteToggle.ts
+++ b/frontend/src/composables/useFavoriteToggle.ts
@@ -1,9 +1,9 @@
-import { storeToRefs } from "pinia";
 import collectionApi from "@/services/api/collection";
 import storeCollections, { type Collection } from "@/stores/collections";
 import storeRoms, { type SimpleRom } from "@/stores/roms";
 import type { Events } from "@/types/emitter";
 import type { Emitter } from "mitt";
+import { storeToRefs } from "pinia";
 
 export function useFavoriteToggle(emitter?: Emitter<Events>) {
   const collectionsStore = storeCollections();
diff --git a/frontend/src/console/Layout.vue b/frontend/src/console/Layout.vue
index ab826d031..846c7a901 100644
--- a/frontend/src/console/Layout.vue
+++ b/frontend/src/console/Layout.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
+import { InputBus, InputBusSymbol } from "@/console/input/bus";
+import { attachGamepad } from "@/console/input/gamepad";
+import { attachKeyboard } from "@/console/input/keyboard";
+import { initializeSfx } from "@/console/utils/sfx";
+import { ROUTES } from "@/plugins/router";
+import { useConsoleTheme } from "@/stores/consoleTheme";
+import { useIdle } from "@vueuse/core";
 import { onMounted, onUnmounted, provide } from "vue";
 import { type RouteLocationNormalized } from "vue-router";
-import { InputBus, InputBusSymbol } from "@/console/input/bus";
-import { attachKeyboard } from "@/console/input/keyboard";
-import { attachGamepad } from "@/console/input/gamepad";
-import { initializeSfx } from "@/console/utils/sfx";
-import { useConsoleTheme } from "@/stores/consoleTheme";
-import { ROUTES } from "@/plugins/router";
 import { useRouter } from "vue-router";
-import { useIdle } from "@vueuse/core";
 
 const router = useRouter();
 const bus = new InputBus();
diff --git a/frontend/src/console/components/CollectionCard.vue b/frontend/src/console/components/CollectionCard.vue
index 87394b343..f1ef7172b 100644
--- a/frontend/src/console/components/CollectionCard.vue
+++ b/frontend/src/console/components/CollectionCard.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { computed, onMounted, ref, watchEffect } from "vue";
 import type { CollectionSchema } from "@/__generated__/models/CollectionSchema";
-import { getFavoriteCoverImage } from "@/utils/covers";
 import { collectionElementRegistry } from "@/console/composables/useElementRegistry";
+import { getFavoriteCoverImage } from "@/utils/covers";
+import { computed, onMounted, ref, watchEffect } from "vue";
 
 const props = defineProps<{
   collection: CollectionSchema;
diff --git a/frontend/src/console/components/GameCard.vue b/frontend/src/console/components/GameCard.vue
index 7e72ead15..ff5cfb8b4 100644
--- a/frontend/src/console/components/GameCard.vue
+++ b/frontend/src/console/components/GameCard.vue
@@ -1,12 +1,11 @@
 <script setup lang="ts">
-import { computed, onMounted, ref } from "vue";
-import storeCollections from "@/stores/collections";
+import type { SimpleRomSchema } from "@/__generated__/models/SimpleRomSchema";
 import {
   recentElementRegistry,
   gamesListElementRegistry,
 } from "@/console/composables/useElementRegistry";
-
-import type { SimpleRomSchema } from "@/__generated__/models/SimpleRomSchema";
+import storeCollections from "@/stores/collections";
+import { computed, onMounted, ref } from "vue";
 
 const props = defineProps<{
   rom: SimpleRomSchema;
diff --git a/frontend/src/console/components/NavigationText.vue b/frontend/src/console/components/NavigationText.vue
index d123b0871..4b0ca4597 100644
--- a/frontend/src/console/components/NavigationText.vue
+++ b/frontend/src/console/components/NavigationText.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { computed, onMounted, onUnmounted, ref } from "vue";
 import ArrowKeysIcon from "./icons/ArrowKeysIcon.vue";
 import DPadIcon from "./icons/DPadIcon.vue";
 import FaceButtons from "./icons/FaceButtons.vue";
+import { computed, onMounted, onUnmounted, ref } from "vue";
 
 interface Props {
   showNavigation?: boolean;
diff --git a/frontend/src/console/components/ScreenshotLightbox.vue b/frontend/src/console/components/ScreenshotLightbox.vue
index 0de881533..74b82bdc3 100644
--- a/frontend/src/console/components/ScreenshotLightbox.vue
+++ b/frontend/src/console/components/ScreenshotLightbox.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { computed, onMounted } from "vue";
 import NavigationText from "./NavigationText.vue";
+import { computed, onMounted } from "vue";
 
 const props = defineProps<{ urls: string[]; startIndex?: number }>();
 const emit = defineEmits(["update:modelValue", "close"]);
diff --git a/frontend/src/console/components/SettingsModal.vue b/frontend/src/console/components/SettingsModal.vue
index 5a14db74a..1eaabc52c 100644
--- a/frontend/src/console/components/SettingsModal.vue
+++ b/frontend/src/console/components/SettingsModal.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { ref, computed, onMounted, onUnmounted } from "vue";
-import { useConsoleTheme } from "@/stores/consoleTheme";
-import { useInputScope } from "@/console/composables/useInputScope";
-import { getSfxEnabled, setSfxEnabled } from "@/console/utils/sfx";
-import type { InputAction } from "@/console/input/actions";
 import NavigationText from "@/console/components/NavigationText.vue";
+import { useInputScope } from "@/console/composables/useInputScope";
+import type { InputAction } from "@/console/input/actions";
+import { getSfxEnabled, setSfxEnabled } from "@/console/utils/sfx";
+import { useConsoleTheme } from "@/stores/consoleTheme";
+import { ref, computed, onMounted, onUnmounted } from "vue";
 
 const props = defineProps<{
   modelValue: boolean;
diff --git a/frontend/src/console/components/SystemCard.vue b/frontend/src/console/components/SystemCard.vue
index 3f84218ef..a911e8d18 100644
--- a/frontend/src/console/components/SystemCard.vue
+++ b/frontend/src/console/components/SystemCard.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { computed, onMounted, ref } from "vue";
-import { getPlatformTheme } from "@/console/constants/platforms";
 import { systemElementRegistry } from "@/console/composables/useElementRegistry";
 import { useThemeAssets } from "@/console/composables/useThemeAssets";
+import { getPlatformTheme } from "@/console/constants/platforms";
 import type { Platform } from "@/stores/platforms";
+import { computed, onMounted, ref } from "vue";
 
 const props = defineProps<{
   platform: Platform;
diff --git a/frontend/src/console/composables/useInputScope.ts b/frontend/src/console/composables/useInputScope.ts
index ff4131d5b..f410906c7 100644
--- a/frontend/src/console/composables/useInputScope.ts
+++ b/frontend/src/console/composables/useInputScope.ts
@@ -1,6 +1,6 @@
-import { inject, onMounted, onUnmounted } from "vue";
-import { InputBus, InputBusSymbol } from "@/console/input/bus";
 import type { InputListener } from "@/console/input/actions";
+import { InputBus, InputBusSymbol } from "@/console/input/bus";
+import { inject, onMounted, onUnmounted } from "vue";
 
 export function useInputScope() {
   const bus = inject<InputBus>(InputBusSymbol);
diff --git a/frontend/src/console/composables/useThemeAssets.ts b/frontend/src/console/composables/useThemeAssets.ts
index dada5f0ff..c314c7f46 100644
--- a/frontend/src/console/composables/useThemeAssets.ts
+++ b/frontend/src/console/composables/useThemeAssets.ts
@@ -1,10 +1,10 @@
-import { computed, type ComputedRef } from "vue";
-import { useConsoleTheme } from "@/stores/consoleTheme";
 import {
   resolveAsset,
   type AssetType,
   type SupportedFormat,
 } from "@/console/utils/assetResolver";
+import { useConsoleTheme } from "@/stores/consoleTheme";
+import { computed, type ComputedRef } from "vue";
 
 // provides reactive asset paths for theme-aware components
 // this is the single source of truth for all asset path resolution
diff --git a/frontend/src/console/input/bus.ts b/frontend/src/console/input/bus.ts
index 1ec842de2..f2ab0a858 100644
--- a/frontend/src/console/input/bus.ts
+++ b/frontend/src/console/input/bus.ts
@@ -1,5 +1,5 @@
-import type { InputAction, InputListener } from "./actions";
 import { sfxForAction, playSfx } from "../utils/sfx";
+import type { InputAction, InputListener } from "./actions";
 
 export class InputBus {
   private scopes: Array<Set<InputListener>> = [];
diff --git a/frontend/src/console/input/config.ts b/frontend/src/console/input/config.ts
index c6e7140ea..4d8c95864 100644
--- a/frontend/src/console/input/config.ts
+++ b/frontend/src/console/input/config.ts
@@ -1,3 +1,5 @@
+import type { InputAction } from "./actions";
+
 export interface InputConfig {
   rtl: boolean;
   repeat: { initialDelayMs: number; repeatEveryMs: number };
@@ -19,8 +21,6 @@ export interface InputConfig {
   };
 }
 
-import type { InputAction } from "./actions";
-
 export const defaultInputConfig: InputConfig = {
   rtl: false,
   repeat: { initialDelayMs: 350, repeatEveryMs: 120 },
diff --git a/frontend/src/console/input/gamepad.ts b/frontend/src/console/input/gamepad.ts
index f8b767835..9b7a87418 100644
--- a/frontend/src/console/input/gamepad.ts
+++ b/frontend/src/console/input/gamepad.ts
@@ -1,6 +1,6 @@
+import type { InputAction } from "./actions";
 import { InputBus } from "./bus";
 import { defaultInputConfig } from "./config";
-import type { InputAction } from "./actions";
 
 interface ButtonState {
   pressed: boolean;
diff --git a/frontend/src/console/utils/sfx.ts b/frontend/src/console/utils/sfx.ts
index d2ad82043..df7e4fa48 100644
--- a/frontend/src/console/utils/sfx.ts
+++ b/frontend/src/console/utils/sfx.ts
@@ -1,3 +1,5 @@
+import type { InputAction } from "../input/actions";
+
 let sfxEnabled = true;
 
 export function setSfxEnabled(enabled: boolean): void {
@@ -241,7 +243,6 @@ export function playSfx(kind: SfxType) {
 }
 
 // map input actions to sfx categories
-import type { InputAction } from "../input/actions";
 export function sfxForAction(action: InputAction): SfxType | undefined {
   switch (action) {
     case "moveLeft":
diff --git a/frontend/src/console/views/Game.vue b/frontend/src/console/views/Game.vue
index 72bad2a23..350ed6db1 100644
--- a/frontend/src/console/views/Game.vue
+++ b/frontend/src/console/views/Game.vue
@@ -1,20 +1,20 @@
 <script setup lang="ts">
-import { computed, onMounted, onUnmounted, ref, watch, nextTick } from "vue";
-import { formatDistanceToNow } from "date-fns";
-import { useRoute, useRouter } from "vue-router";
-import romApi from "@/services/api/rom";
-import stateApi from "@/services/api/state";
 import type { DetailedRomSchema } from "@/__generated__/models/DetailedRomSchema";
-import ScreenshotLightbox from "@/console/components/ScreenshotLightbox.vue";
 import BackButton from "@/console/components/BackButton.vue";
-import NavigationText from "@/console/components/NavigationText.vue";
 import NavigationHint from "@/console/components/NavigationHint.vue";
+import NavigationText from "@/console/components/NavigationText.vue";
+import ScreenshotLightbox from "@/console/components/ScreenshotLightbox.vue";
 import { useInputScope } from "@/console/composables/useInputScope";
 import type { InputAction } from "@/console/input/actions";
 import { ROUTES } from "@/plugins/router";
-import { getSupportedEJSCores } from "@/utils";
+import romApi from "@/services/api/rom";
+import stateApi from "@/services/api/state";
 import storeRoms from "@/stores/roms";
+import { getSupportedEJSCores } from "@/utils";
 import { getMissingCoverImage, getUnmatchedCoverImage } from "@/utils/covers";
+import { formatDistanceToNow } from "date-fns";
+import { computed, onMounted, onUnmounted, ref, watch, nextTick } from "vue";
+import { useRoute, useRouter } from "vue-router";
 
 type FocusZone =
   | "play"
diff --git a/frontend/src/console/views/GamesList.vue b/frontend/src/console/views/GamesList.vue
index 130976446..a052b2e19 100644
--- a/frontend/src/console/views/GamesList.vue
+++ b/frontend/src/console/views/GamesList.vue
@@ -1,21 +1,21 @@
 <script setup lang="ts">
-import { computed, onMounted, onUnmounted, ref, nextTick } from "vue";
-import { useRoute, useRouter } from "vue-router";
-import romApi from "@/services/api/rom";
-import collectionApi from "@/services/api/collection";
+import type { CollectionSchema } from "@/__generated__/models/CollectionSchema";
+import type { SimpleRomSchema } from "@/__generated__/models/SimpleRomSchema";
+import useFavoriteToggle from "@/composables/useFavoriteToggle";
+import BackButton from "@/console/components/BackButton.vue";
 import GameCard from "@/console/components/GameCard.vue";
 import NavigationHint from "@/console/components/NavigationHint.vue";
-import BackButton from "@/console/components/BackButton.vue";
-import type { SimpleRomSchema } from "@/__generated__/models/SimpleRomSchema";
-import type { CollectionSchema } from "@/__generated__/models/CollectionSchema";
-import { useInputScope } from "@/console/composables/useInputScope";
-import type { InputAction } from "@/console/input/actions";
-import { useSpatialNav } from "@/console/composables/useSpatialNav";
-import { useRovingDom } from "@/console/composables/useRovingDom";
 import { gamesListElementRegistry } from "@/console/composables/useElementRegistry";
-import consoleStore from "@/stores/console";
-import useFavoriteToggle from "@/composables/useFavoriteToggle";
+import { useInputScope } from "@/console/composables/useInputScope";
+import { useRovingDom } from "@/console/composables/useRovingDom";
+import { useSpatialNav } from "@/console/composables/useSpatialNav";
+import type { InputAction } from "@/console/input/actions";
 import { ROUTES } from "@/plugins/router";
+import collectionApi from "@/services/api/collection";
+import romApi from "@/services/api/rom";
+import consoleStore from "@/stores/console";
+import { computed, onMounted, onUnmounted, ref, nextTick } from "vue";
+import { useRoute, useRouter } from "vue-router";
 
 const route = useRoute();
 const router = useRouter();
diff --git a/frontend/src/console/views/Home.vue b/frontend/src/console/views/Home.vue
index 372439e10..fa811f284 100644
--- a/frontend/src/console/views/Home.vue
+++ b/frontend/src/console/views/Home.vue
@@ -1,33 +1,33 @@
 <script setup lang="ts">
-import { storeToRefs } from "pinia";
-import { onMounted, onUnmounted, ref, nextTick, watch } from "vue";
-import { useRouter } from "vue-router";
-import platformApi from "@/services/api/platform";
-import romApi from "@/services/api/rom";
-import collectionApi from "@/services/api/collection";
-import storeCollections from "@/stores/collections";
+import type { CollectionSchema } from "@/__generated__/models/CollectionSchema";
+import type { PlatformSchema } from "@/__generated__/models/PlatformSchema";
+import type { SimpleRomSchema } from "@/__generated__/models/SimpleRomSchema";
+import RIsotipo from "@/components/common/RIsotipo.vue";
 import useFavoriteToggle from "@/composables/useFavoriteToggle";
-import SystemCard from "@/console/components/SystemCard.vue";
-import GameCard from "@/console/components/GameCard.vue";
 import CollectionCard from "@/console/components/CollectionCard.vue";
+import GameCard from "@/console/components/GameCard.vue";
 import NavigationHint from "@/console/components/NavigationHint.vue";
 import SettingsModal from "@/console/components/SettingsModal.vue";
-import RIsotipo from "@/components/common/RIsotipo.vue";
-import type { PlatformSchema } from "@/__generated__/models/PlatformSchema";
-import { isSupportedPlatform } from "@/console/constants/platforms";
-import type { SimpleRomSchema } from "@/__generated__/models/SimpleRomSchema";
-import type { CollectionSchema } from "@/__generated__/models/CollectionSchema";
-import { useInputScope } from "@/console/composables/useInputScope";
-import type { InputAction } from "@/console/input/actions";
-import { useSpatialNav } from "@/console/composables/useSpatialNav";
-import { useRovingDom } from "@/console/composables/useRovingDom";
+import SystemCard from "@/console/components/SystemCard.vue";
 import {
   systemElementRegistry,
   recentElementRegistry,
   collectionElementRegistry,
 } from "@/console/composables/useElementRegistry";
-import consoleStore from "@/stores/console";
+import { useInputScope } from "@/console/composables/useInputScope";
+import { useRovingDom } from "@/console/composables/useRovingDom";
+import { useSpatialNav } from "@/console/composables/useSpatialNav";
+import { isSupportedPlatform } from "@/console/constants/platforms";
+import type { InputAction } from "@/console/input/actions";
 import { ROUTES } from "@/plugins/router";
+import collectionApi from "@/services/api/collection";
+import platformApi from "@/services/api/platform";
+import romApi from "@/services/api/rom";
+import storeCollections from "@/stores/collections";
+import consoleStore from "@/stores/console";
+import { storeToRefs } from "pinia";
+import { onMounted, onUnmounted, ref, nextTick, watch } from "vue";
+import { useRouter } from "vue-router";
 
 const router = useRouter();
 const collectionsStore = storeCollections();
diff --git a/frontend/src/console/views/Play.vue b/frontend/src/console/views/Play.vue
index 09776c072..f5cce8cfc 100644
--- a/frontend/src/console/views/Play.vue
+++ b/frontend/src/console/views/Play.vue
@@ -1,20 +1,20 @@
 <script setup lang="ts">
-import { onMounted, onBeforeUnmount, ref, watch, nextTick } from "vue";
-import { useRoute, useRouter } from "vue-router";
-import romApi from "@/services/api/rom";
 import type { DetailedRomSchema } from "@/__generated__/models/DetailedRomSchema";
+import NavigationText from "@/console/components/NavigationText.vue";
+import { useInputScope } from "@/console/composables/useInputScope";
+import { useThemeAssets } from "@/console/composables/useThemeAssets";
+import { ROUTES } from "@/plugins/router";
+import api from "@/services/api";
+import firmwareApi from "@/services/api/firmware";
+import romApi from "@/services/api/rom";
 import {
   getSupportedEJSCores,
   getControlSchemeForPlatform,
   areThreadsRequiredForEJSCore,
   getDownloadPath,
 } from "@/utils";
-import firmwareApi from "@/services/api/firmware";
-import { useInputScope } from "@/console/composables/useInputScope";
-import NavigationText from "@/console/components/NavigationText.vue";
-import { useThemeAssets } from "@/console/composables/useThemeAssets";
-import api from "@/services/api";
-import { ROUTES } from "@/plugins/router";
+import { onMounted, onBeforeUnmount, ref, watch, nextTick } from "vue";
+import { useRoute, useRouter } from "vue-router";
 
 const route = useRoute();
 const router = useRouter();
diff --git a/frontend/src/layouts/Main.vue b/frontend/src/layouts/Main.vue
index 0b35f8e0a..a64b98b36 100644
--- a/frontend/src/layouts/Main.vue
+++ b/frontend/src/layouts/Main.vue
@@ -2,29 +2,29 @@
 import EditUserDialog from "@/components/Settings/Administration/Users/Dialog/EditUser.vue";
 import AddRomsToCollectionDialog from "@/components/common/Collection/Dialog/AddRoms.vue";
 import RemoveRomsFromCollectionDialog from "@/components/common/Collection/Dialog/RemoveRoms.vue";
+import DeleteSavesDialog from "@/components/common/Game/Dialog/Asset/DeleteSaves.vue";
+import DeleteStatesDialog from "@/components/common/Game/Dialog/Asset/DeleteStates.vue";
+import SelectSaveDialog from "@/components/common/Game/Dialog/Asset/SelectSave.vue";
+import SelectStateDialog from "@/components/common/Game/Dialog/Asset/SelectState.vue";
+import UploadSavesDialog from "@/components/common/Game/Dialog/Asset/UploadSaves.vue";
+import UploadStatesDialog from "@/components/common/Game/Dialog/Asset/UploadStates.vue";
 import DeleteRomDialog from "@/components/common/Game/Dialog/DeleteRom.vue";
 import EditRomDialog from "@/components/common/Game/Dialog/EditRom.vue";
 import MatchRomDialog from "@/components/common/Game/Dialog/MatchRom.vue";
+import NoteDialog from "@/components/common/Game/Dialog/NoteDialog.vue";
+import ShowQRCodeDialog from "@/components/common/Game/Dialog/ShowQRCode.vue";
 import MainAppBar from "@/components/common/Navigation/MainAppBar.vue";
 import NewVersionDialog from "@/components/common/NewVersionDialog.vue";
 import Notification from "@/components/common/Notifications/Notification.vue";
 import UploadProgress from "@/components/common/Notifications/UploadProgress.vue";
 import SearchCoverDialog from "@/components/common/SearchCover.vue";
-import ShowQRCodeDialog from "@/components/common/Game/Dialog/ShowQRCode.vue";
-import UploadSavesDialog from "@/components/common/Game/Dialog/Asset/UploadSaves.vue";
-import UploadStatesDialog from "@/components/common/Game/Dialog/Asset/UploadStates.vue";
-import SelectSaveDialog from "@/components/common/Game/Dialog/Asset/SelectSave.vue";
-import SelectStateDialog from "@/components/common/Game/Dialog/Asset/SelectState.vue";
-import DeleteSavesDialog from "@/components/common/Game/Dialog/Asset/DeleteSaves.vue";
-import DeleteStatesDialog from "@/components/common/Game/Dialog/Asset/DeleteStates.vue";
-import NoteDialog from "@/components/common/Game/Dialog/NoteDialog.vue";
 import storeCollections from "@/stores/collections";
 import storeNavigation from "@/stores/navigation";
 import storePlatforms from "@/stores/platforms";
 import type { Events } from "@/types/emitter";
+import { isNull } from "lodash";
 import type { Emitter } from "mitt";
 import { inject, onBeforeMount, ref } from "vue";
-import { isNull } from "lodash";
 
 const navigationStore = storeNavigation();
 const platformsStore = storePlatforms();
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
index 2501bc7e9..9c27b3c3c 100644
--- a/frontend/src/main.ts
+++ b/frontend/src/main.ts
@@ -1,4 +1,5 @@
 import App from "@/RomM.vue";
+import "@/console/index.css";
 import { registerPlugins } from "@/plugins";
 import router from "@/plugins/router";
 import storeAuth from "@/stores/auth";
@@ -8,7 +9,6 @@ import storeTasks from "@/stores/tasks";
 import "@/styles/common.css";
 import "@/styles/fonts.css";
 import "@/styles/scrollbar.css";
-import "@/console/index.css";
 import { createApp } from "vue";
 
 async function initializeData() {
diff --git a/frontend/src/plugins/index.ts b/frontend/src/plugins/index.ts
index 9ab64c4b1..54617ccbb 100644
--- a/frontend/src/plugins/index.ts
+++ b/frontend/src/plugins/index.ts
@@ -1,10 +1,10 @@
+import { configureMDEditor } from "./mdeditor";
+import pinia from "./pinia";
+import vuetify from "./vuetify";
 import i18n from "@/locales";
 import type { Events } from "@/types/emitter";
 import mitt from "mitt";
 import type { App } from "vue";
-import vuetify from "./vuetify";
-import pinia from "./pinia";
-import { configureMDEditor } from "./mdeditor";
 
 export function registerPlugins(app: App) {
   configureMDEditor();
diff --git a/frontend/src/plugins/pinia.ts b/frontend/src/plugins/pinia.ts
index 4b3a8a582..b9af18bf3 100644
--- a/frontend/src/plugins/pinia.ts
+++ b/frontend/src/plugins/pinia.ts
@@ -1,6 +1,6 @@
+import router from "@/plugins/router";
 import { createPinia } from "pinia";
 import { markRaw } from "vue";
-import router from "@/plugins/router";
 
 const pinia = createPinia();
 pinia.use(({ store }) => {
diff --git a/frontend/src/plugins/router.ts b/frontend/src/plugins/router.ts
index 9cbb7fef1..3592d2ced 100644
--- a/frontend/src/plugins/router.ts
+++ b/frontend/src/plugins/router.ts
@@ -1,16 +1,16 @@
+import i18n from "@/locales";
+import { startViewTransition } from "@/plugins/transition";
+import romApi from "@/services/api/rom";
+import storeAuth from "@/stores/auth";
+import storeHeartbeat from "@/stores/heartbeat";
+import storeRoms from "@/stores/roms";
+import type { User } from "@/stores/users";
+import { storeToRefs } from "pinia";
 import {
   createRouter,
   createWebHistory,
   type NavigationGuardWithThis,
 } from "vue-router";
-import storeHeartbeat from "@/stores/heartbeat";
-import storeAuth from "@/stores/auth";
-import storeRoms from "@/stores/roms";
-import { storeToRefs } from "pinia";
-import type { User } from "@/stores/users";
-import { startViewTransition } from "@/plugins/transition";
-import romApi from "@/services/api/rom";
-import i18n from "@/locales";
 
 export const ROUTES = {
   SETUP: "setup",
diff --git a/frontend/src/plugins/vuetify.ts b/frontend/src/plugins/vuetify.ts
index 6047bd137..883993ee8 100644
--- a/frontend/src/plugins/vuetify.ts
+++ b/frontend/src/plugins/vuetify.ts
@@ -1,8 +1,8 @@
-import { createVuetify } from "vuetify";
 import { themes, dark, light, autoThemeKey } from "@/styles/themes";
 import { isKeyof } from "@/types";
-import "vuetify/styles";
 import "@mdi/font/css/materialdesignicons.css";
+import { createVuetify } from "vuetify";
+import "vuetify/styles";
 
 const mediaMatch = window.matchMedia("(prefers-color-scheme: dark)");
 mediaMatch.addEventListener("change", (event) => {
diff --git a/frontend/src/services/api/rom.ts b/frontend/src/services/api/rom.ts
index 9f41c20aa..b85cecb5b 100644
--- a/frontend/src/services/api/rom.ts
+++ b/frontend/src/services/api/rom.ts
@@ -3,14 +3,14 @@ import type {
   SearchRomSchema,
   RomUserSchema,
 } from "@/__generated__";
+import { type CustomLimitOffsetPage_SimpleRomSchema_ as GetRomsResponse } from "@/__generated__/models/CustomLimitOffsetPage_SimpleRomSchema_";
 import api from "@/services/api";
 import socket from "@/services/socket";
-import storeUpload from "@/stores/upload";
+import storeHeartbeat from "@/stores/heartbeat";
 import type { DetailedRom, SimpleRom } from "@/stores/roms";
+import storeUpload from "@/stores/upload";
 import { getDownloadPath, getStatusKeyForText } from "@/utils";
 import type { AxiosProgressEvent } from "axios";
-import storeHeartbeat from "@/stores/heartbeat";
-import { type CustomLimitOffsetPage_SimpleRomSchema_ as GetRomsResponse } from "@/__generated__/models/CustomLimitOffsetPage_SimpleRomSchema_";
 
 export const romApi = api;
 
diff --git a/frontend/src/services/api/save.ts b/frontend/src/services/api/save.ts
index 337106fd0..c560f98b1 100644
--- a/frontend/src/services/api/save.ts
+++ b/frontend/src/services/api/save.ts
@@ -1,6 +1,6 @@
+import type { SaveSchema } from "@/__generated__";
 import api from "@/services/api";
 import type { DetailedRom } from "@/stores/roms";
-import type { SaveSchema } from "@/__generated__";
 
 export const saveApi = api;
 
diff --git a/frontend/src/services/api/screenshot.ts b/frontend/src/services/api/screenshot.ts
index a1c7bc7a3..0d7c4b036 100644
--- a/frontend/src/services/api/screenshot.ts
+++ b/frontend/src/services/api/screenshot.ts
@@ -1,6 +1,6 @@
+import type { ScreenshotSchema } from "@/__generated__";
 import api from "@/services/api";
 import type { DetailedRom } from "@/stores/roms";
-import type { ScreenshotSchema } from "@/__generated__";
 
 export const screenshotApi = api;
 
diff --git a/frontend/src/services/api/state.ts b/frontend/src/services/api/state.ts
index dc034cca7..af2fc419c 100644
--- a/frontend/src/services/api/state.ts
+++ b/frontend/src/services/api/state.ts
@@ -1,6 +1,6 @@
+import type { StateSchema } from "@/__generated__";
 import api from "@/services/api";
 import type { DetailedRom } from "@/stores/roms";
-import type { StateSchema } from "@/__generated__";
 
 export const stateApi = api;
 
diff --git a/frontend/src/services/api/task.ts b/frontend/src/services/api/task.ts
index f7f68fbff..a1cb41766 100644
--- a/frontend/src/services/api/task.ts
+++ b/frontend/src/services/api/task.ts
@@ -1,9 +1,9 @@
-import api from "@/services/api";
 import {
   type TaskExecutionResponse,
   type TaskStatusResponse,
   type TaskInfo,
 } from "@/__generated__";
+import api from "@/services/api";
 
 async function getTasks(): Promise<{
   data: Record<string, TaskInfo[]>;
diff --git a/frontend/src/stores/auth.ts b/frontend/src/stores/auth.ts
index 567186d0a..31168f3bf 100644
--- a/frontend/src/stores/auth.ts
+++ b/frontend/src/stores/auth.ts
@@ -1,6 +1,6 @@
-import { defineStore } from "pinia";
-import userApi from "@/services/api/user";
 import type { User } from "./users";
+import userApi from "@/services/api/user";
+import { defineStore } from "pinia";
 
 export default defineStore("auth", {
   state: () => ({
diff --git a/frontend/src/stores/collections.ts b/frontend/src/stores/collections.ts
index 93a2fe9db..b2acb5e51 100644
--- a/frontend/src/stores/collections.ts
+++ b/frontend/src/stores/collections.ts
@@ -1,12 +1,12 @@
+import type { SimpleRom } from "./roms";
 import type {
   CollectionSchema,
   VirtualCollectionSchema,
   SmartCollectionSchema,
 } from "@/__generated__";
+import collectionApi from "@/services/api/collection";
 import { uniqBy } from "lodash";
 import { defineStore } from "pinia";
-import type { SimpleRom } from "./roms";
-import collectionApi from "@/services/api/collection";
 
 export type Collection = CollectionSchema;
 export type VirtualCollection = VirtualCollectionSchema;
diff --git a/frontend/src/stores/config.ts b/frontend/src/stores/config.ts
index 47c83be1d..5923c5319 100644
--- a/frontend/src/stores/config.ts
+++ b/frontend/src/stores/config.ts
@@ -1,7 +1,6 @@
-import { defineStore } from "pinia";
-
 import type { ConfigResponse } from "@/__generated__";
 import api from "@/services/api";
+import { defineStore } from "pinia";
 
 type ExclusionTypes =
   | "EXCLUDED_PLATFORMS"
diff --git a/frontend/src/stores/consoleTheme.ts b/frontend/src/stores/consoleTheme.ts
index c7eac7040..979fc7fa4 100644
--- a/frontend/src/stores/consoleTheme.ts
+++ b/frontend/src/stores/consoleTheme.ts
@@ -1,6 +1,6 @@
+import { resolveAsset, clearAssetCache } from "@/console/utils/assetResolver";
 import { defineStore } from "pinia";
 import { ref, computed } from "vue";
-import { resolveAsset, clearAssetCache } from "@/console/utils/assetResolver";
 
 export const useConsoleTheme = defineStore("consoleTheme", () => {
   const themeName = ref<string>("default");
diff --git a/frontend/src/stores/download.ts b/frontend/src/stores/download.ts
index c67d38843..365968b46 100644
--- a/frontend/src/stores/download.ts
+++ b/frontend/src/stores/download.ts
@@ -1,5 +1,5 @@
-import { defineStore } from "pinia";
 import { type RomFileSchema } from "@/__generated__";
+import { defineStore } from "pinia";
 
 export default defineStore("download", {
   state: () => ({
diff --git a/frontend/src/stores/heartbeat.ts b/frontend/src/stores/heartbeat.ts
index a83474e10..06544cad8 100644
--- a/frontend/src/stores/heartbeat.ts
+++ b/frontend/src/stores/heartbeat.ts
@@ -1,7 +1,7 @@
 import type { HeartbeatResponse } from "@/__generated__";
-import { defineStore } from "pinia";
 import i18n from "@/locales";
 import api from "@/services/api";
+import { defineStore } from "pinia";
 
 export type Heartbeat = HeartbeatResponse;
 export type MetadataOption = {
diff --git a/frontend/src/stores/navigation.ts b/frontend/src/stores/navigation.ts
index 6bf538840..11241cb6d 100644
--- a/frontend/src/stores/navigation.ts
+++ b/frontend/src/stores/navigation.ts
@@ -1,6 +1,6 @@
-import { defineStore } from "pinia";
 import { ROUTES } from "@/plugins/router";
 import { isNull } from "lodash";
+import { defineStore } from "pinia";
 
 const defaultNavigationState = {
   activePlatformsDrawer: false,
diff --git a/frontend/src/stores/scanning.ts b/frontend/src/stores/scanning.ts
index e92e50dde..24a2c2687 100644
--- a/frontend/src/stores/scanning.ts
+++ b/frontend/src/stores/scanning.ts
@@ -1,5 +1,5 @@
-import { defineStore } from "pinia";
 import type { SimpleRom } from "@/stores/roms";
+import { defineStore } from "pinia";
 
 interface ScanningPlatforms {
   name: string;
diff --git a/frontend/src/stores/tasks.ts b/frontend/src/stores/tasks.ts
index 41088e14d..0e1a68140 100644
--- a/frontend/src/stores/tasks.ts
+++ b/frontend/src/stores/tasks.ts
@@ -1,6 +1,6 @@
-import { defineStore } from "pinia";
-import tasksApi from "@/services/api/task";
 import type { TaskInfo } from "@/__generated__/models/TaskInfo";
+import tasksApi from "@/services/api/task";
+import { defineStore } from "pinia";
 
 export default defineStore("tasks", {
   state: () => ({
diff --git a/frontend/src/stores/users.ts b/frontend/src/stores/users.ts
index 5bc3fe6a2..b654e33ff 100644
--- a/frontend/src/stores/users.ts
+++ b/frontend/src/stores/users.ts
@@ -1,6 +1,6 @@
-import { defineStore } from "pinia";
 import type { UserSchema } from "@/__generated__";
 import i18n from "@/locales";
+import { defineStore } from "pinia";
 
 export type User = UserSchema;
 
diff --git a/frontend/src/utils/index.ts b/frontend/src/utils/index.ts
index ce3eddcd2..6fb5f2ae5 100644
--- a/frontend/src/utils/index.ts
+++ b/frontend/src/utils/index.ts
@@ -1,11 +1,11 @@
-import cronstrue from "cronstrue";
-import type { SimpleRom } from "@/stores/roms";
-import type { Heartbeat } from "@/stores/heartbeat";
 import type { RomFileSchema, RomUserStatus } from "@/__generated__";
+import type { Heartbeat } from "@/stores/heartbeat";
+import storeNavigation from "@/stores/navigation";
+import type { SimpleRom } from "@/stores/roms";
+import cronstrue from "cronstrue";
+import { storeToRefs } from "pinia";
 import { computed } from "vue";
 import { useDisplay } from "vuetify";
-import { storeToRefs } from "pinia";
-import storeNavigation from "@/stores/navigation";
 
 /**
  * Views configuration object.
diff --git a/frontend/src/views/Auth/Login.vue b/frontend/src/views/Auth/Login.vue
index f68a0ea9b..df2d05e16 100644
--- a/frontend/src/views/Auth/Login.vue
+++ b/frontend/src/views/Auth/Login.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import identityApi from "@/services/api/identity";
 import { refetchCSRFToken } from "@/services/api";
+import identityApi from "@/services/api/identity";
+import storeAuth from "@/stores/auth";
 import storeHeartbeat from "@/stores/heartbeat";
 import type { Events } from "@/types/emitter";
 import type { Emitter } from "mitt";
-import storeAuth from "@/stores/auth";
 import { inject, ref } from "vue";
-import { useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
+import { useRouter } from "vue-router";
 
 const { t } = useI18n();
 const heartbeatStore = storeHeartbeat();
diff --git a/frontend/src/views/Auth/Register.vue b/frontend/src/views/Auth/Register.vue
index ee0f07b24..b750c7bc5 100644
--- a/frontend/src/views/Auth/Register.vue
+++ b/frontend/src/views/Auth/Register.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import type { Events } from "@/types/emitter";
-import type { Emitter } from "mitt";
 import userApi from "@/services/api/user";
 import storeUsers from "@/stores/users";
+import type { Events } from "@/types/emitter";
+import type { Emitter } from "mitt";
 import { inject, ref, onBeforeMount } from "vue";
-import { useRouter, useRoute } from "vue-router";
 import { useI18n } from "vue-i18n";
+import { useRouter, useRoute } from "vue-router";
 
 const { t } = useI18n();
 const emitter = inject<Emitter<Events>>("emitter");
diff --git a/frontend/src/views/Auth/ResetPassword.vue b/frontend/src/views/Auth/ResetPassword.vue
index 1ee7c52c5..c3ba06457 100644
--- a/frontend/src/views/Auth/ResetPassword.vue
+++ b/frontend/src/views/Auth/ResetPassword.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import identityApi from "@/services/api/identity";
 import { refetchCSRFToken } from "@/services/api";
+import identityApi from "@/services/api/identity";
+import storeAuth from "@/stores/auth";
 import type { Events } from "@/types/emitter";
 import type { Emitter } from "mitt";
-import storeAuth from "@/stores/auth";
 import { inject, ref } from "vue";
-import { useRouter, useRoute } from "vue-router";
 import { useI18n } from "vue-i18n";
+import { useRouter, useRoute } from "vue-router";
 
 const { t } = useI18n();
 const authStore = storeAuth();
diff --git a/frontend/src/views/Auth/Setup.vue b/frontend/src/views/Auth/Setup.vue
index 088b93720..d7fa2f3e8 100644
--- a/frontend/src/views/Auth/Setup.vue
+++ b/frontend/src/views/Auth/Setup.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
 import router from "@/plugins/router";
+import { ROUTES } from "@/plugins/router";
 import { refetchCSRFToken } from "@/services/api";
-import userApi from "@/services/api/user";
 import api from "@/services/api";
+import userApi from "@/services/api/user";
 import storeHeartbeat from "@/stores/heartbeat";
 import type { Events } from "@/types/emitter";
-import { ROUTES } from "@/plugins/router";
 import type { Emitter } from "mitt";
 import { computed, inject, ref } from "vue";
-import { useDisplay } from "vuetify";
 import { useI18n } from "vue-i18n";
+import { useDisplay } from "vuetify";
 
 const { t } = useI18n();
 const { xs } = useDisplay();
diff --git a/frontend/src/views/Gallery/Collection/BaseCollection.vue b/frontend/src/views/Gallery/Collection/BaseCollection.vue
index fd69c4a79..755bbb99a 100644
--- a/frontend/src/views/Gallery/Collection/BaseCollection.vue
+++ b/frontend/src/views/Gallery/Collection/BaseCollection.vue
@@ -1,16 +1,16 @@
 <script setup lang="ts">
 import GalleryAppBarCollection from "@/components/Gallery/AppBar/Collection/Base.vue";
 import FabOverlay from "@/components/Gallery/FabOverlay.vue";
+import LoadMoreBtn from "@/components/Gallery/LoadMoreBtn.vue";
+import Skeleton from "@/components/Gallery/Skeleton.vue";
 import EmptyCollection from "@/components/common/EmptyStates/EmptyCollection.vue";
 import EmptyGame from "@/components/common/EmptyStates/EmptyGame.vue";
 import GameCard from "@/components/common/Game/Card/Base.vue";
-import Skeleton from "@/components/Gallery/Skeleton.vue";
-import LoadMoreBtn from "@/components/Gallery/LoadMoreBtn.vue";
 import GameTable from "@/components/common/Game/Table.vue";
+import { type CollectionType } from "@/stores/collections";
 import storeGalleryFilter from "@/stores/galleryFilter";
 import storeGalleryView from "@/stores/galleryView";
 import storeRoms, { type SimpleRom } from "@/stores/roms";
-import { type CollectionType } from "@/stores/collections";
 import type { Events } from "@/types/emitter";
 import { views } from "@/utils";
 import { isNull, throttle } from "lodash";
diff --git a/frontend/src/views/Gallery/Platform.vue b/frontend/src/views/Gallery/Platform.vue
index 13e3d9e3e..0d2b7ad61 100644
--- a/frontend/src/views/Gallery/Platform.vue
+++ b/frontend/src/views/Gallery/Platform.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import GalleryAppBar from "@/components/Gallery/AppBar/Platform/Base.vue";
 import FabOverlay from "@/components/Gallery/FabOverlay.vue";
+import LoadMoreBtn from "@/components/Gallery/LoadMoreBtn.vue";
+import Skeleton from "@/components/Gallery/Skeleton.vue";
 import EmptyGame from "@/components/common/EmptyStates/EmptyGame.vue";
 import EmptyPlatform from "@/components/common/EmptyStates/EmptyPlatform.vue";
 import GameCard from "@/components/common/Game/Card/Base.vue";
-import Skeleton from "@/components/Gallery/Skeleton.vue";
-import LoadMoreBtn from "@/components/Gallery/LoadMoreBtn.vue";
 import GameTable from "@/components/common/Game/Table.vue";
 import storeGalleryFilter from "@/stores/galleryFilter";
 import storeGalleryView from "@/stores/galleryView";
@@ -13,8 +13,8 @@ import storePlatforms from "@/stores/platforms";
 import storeRoms, { type SimpleRom } from "@/stores/roms";
 import type { Events } from "@/types/emitter";
 import { views } from "@/utils";
-import type { Emitter } from "mitt";
 import { isNull, throttle } from "lodash";
+import type { Emitter } from "mitt";
 import { storeToRefs } from "pinia";
 import { inject, onBeforeUnmount, onMounted, ref, watch } from "vue";
 import { onBeforeRouteUpdate, useRoute } from "vue-router";
diff --git a/frontend/src/views/Gallery/Search.vue b/frontend/src/views/Gallery/Search.vue
index 261e98e4a..3711a4a22 100644
--- a/frontend/src/views/Gallery/Search.vue
+++ b/frontend/src/views/Gallery/Search.vue
@@ -1,22 +1,22 @@
 <script setup lang="ts">
 import GalleryAppBarSearch from "@/components/Gallery/AppBar/Search/Base.vue";
 import FabOverlay from "@/components/Gallery/FabOverlay.vue";
-import EmptySearch from "@/components/common/EmptyStates/EmptySearch.vue";
-import EmptyGame from "@/components/common/EmptyStates/EmptyGame.vue";
-import GameCard from "@/components/common/Game/Card/Base.vue";
-import Skeleton from "@/components/Gallery/Skeleton.vue";
 import LoadMoreBtn from "@/components/Gallery/LoadMoreBtn.vue";
+import Skeleton from "@/components/Gallery/Skeleton.vue";
+import EmptyGame from "@/components/common/EmptyStates/EmptyGame.vue";
+import EmptySearch from "@/components/common/EmptyStates/EmptySearch.vue";
+import GameCard from "@/components/common/Game/Card/Base.vue";
 import GameTable from "@/components/common/Game/Table.vue";
 import storeGalleryFilter from "@/stores/galleryFilter";
 import storeGalleryView from "@/stores/galleryView";
 import storeRoms, { type SimpleRom } from "@/stores/roms";
+import type { Events } from "@/types/emitter";
 import { views } from "@/utils";
 import { isNull, throttle } from "lodash";
+import type { Emitter } from "mitt";
 import { storeToRefs } from "pinia";
 import { inject, onBeforeUnmount, onMounted, ref } from "vue";
 import { useRouter } from "vue-router";
-import type { Emitter } from "mitt";
-import type { Events } from "@/types/emitter";
 
 const galleryViewStore = storeGalleryView();
 const { scrolledToTop, currentView } = storeToRefs(galleryViewStore);
diff --git a/frontend/src/views/GameDetails.vue b/frontend/src/views/GameDetails.vue
index 88bb0120f..068071966 100644
--- a/frontend/src/views/GameDetails.vue
+++ b/frontend/src/views/GameDetails.vue
@@ -2,25 +2,25 @@
 import ActionBar from "@/components/Details/ActionBar.vue";
 import AdditionalContent from "@/components/Details/AdditionalContent.vue";
 import BackgroundHeader from "@/components/Details/BackgroundHeader.vue";
+import GameData from "@/components/Details/GameData.vue";
 import FileInfo from "@/components/Details/Info/FileInfo.vue";
 import GameInfo from "@/components/Details/Info/GameInfo.vue";
 import Personal from "@/components/Details/Personal.vue";
 import RelatedGames from "@/components/Details/RelatedGames.vue";
-import GameData from "@/components/Details/GameData.vue";
 import TitleInfo from "@/components/Details/Title.vue";
 import EmptyGame from "@/components/common/EmptyStates/EmptyGame.vue";
 import GameCard from "@/components/common/Game/Card/Base.vue";
 import romApi from "@/services/api/rom";
 import storeDownload from "@/stores/download";
-import storeRoms from "@/stores/roms";
 import storePlatforms from "@/stores/platforms";
+import storeRoms from "@/stores/roms";
 import type { Events } from "@/types/emitter";
 import type { Emitter } from "mitt";
 import { storeToRefs } from "pinia";
 import { inject, onBeforeMount, ref, watch, defineAsyncComponent } from "vue";
+import { useI18n } from "vue-i18n";
 import { useRoute } from "vue-router";
 import { useDisplay } from "vuetify";
-import { useI18n } from "vue-i18n";
 
 // Dynamic import for PDFViewer
 const PdfViewer = defineAsyncComponent(
diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue
index 385d1b475..72d71ca46 100644
--- a/frontend/src/views/Home.vue
+++ b/frontend/src/views/Home.vue
@@ -1,18 +1,18 @@
 <script setup lang="ts">
-import { onBeforeMount, ref, computed } from "vue";
-import { storeToRefs } from "pinia";
-import { useI18n } from "vue-i18n";
-import Stats from "@/components/Home/Stats.vue";
 import Collections from "@/components/Home/Collections.vue";
-import Platforms from "@/components/Home/Platforms.vue";
-import PlatformsSkeleton from "@/components/Home/PlatformsSkeleton.vue";
-import RecentAddedSkeleton from "@/components/Home/RecentAddedSkeleton.vue";
-import RecentAdded from "@/components/Home/RecentAdded.vue";
 import ContinuePlaying from "@/components/Home/ContinuePlaying.vue";
 import EmptyHome from "@/components/Home/EmptyHome.vue";
+import Platforms from "@/components/Home/Platforms.vue";
+import PlatformsSkeleton from "@/components/Home/PlatformsSkeleton.vue";
+import RecentAdded from "@/components/Home/RecentAdded.vue";
+import RecentAddedSkeleton from "@/components/Home/RecentAddedSkeleton.vue";
+import Stats from "@/components/Home/Stats.vue";
 import storeCollections from "@/stores/collections";
 import storePlatforms from "@/stores/platforms";
 import storeRoms from "@/stores/roms";
+import { storeToRefs } from "pinia";
+import { onBeforeMount, ref, computed } from "vue";
+import { useI18n } from "vue-i18n";
 
 const { t } = useI18n();
 const romsStore = storeRoms();
diff --git a/frontend/src/views/Player/EmulatorJS/Base.vue b/frontend/src/views/Player/EmulatorJS/Base.vue
index 321ff63cd..6bf780bc2 100644
--- a/frontend/src/views/Player/EmulatorJS/Base.vue
+++ b/frontend/src/views/Player/EmulatorJS/Base.vue
@@ -1,26 +1,26 @@
 <script setup lang="ts">
+import { saveSave, saveState } from "./utils";
+import type { FirmwareSchema, SaveSchema, StateSchema } from "@/__generated__";
 import EmptySaves from "@/components/common/EmptyStates/EmptySaves.vue";
 import EmptyStates from "@/components/common/EmptyStates/EmptyStates.vue";
-import type { FirmwareSchema, SaveSchema, StateSchema } from "@/__generated__";
-import { formatDistanceToNow } from "date-fns";
 import RomListItem from "@/components/common/Game/ListItem.vue";
+import { ROUTES } from "@/plugins/router";
 import firmwareApi from "@/services/api/firmware";
 import romApi from "@/services/api/rom";
 import storeAuth from "@/stores/auth";
 import storePlaying from "@/stores/playing";
 import storeRoms, { type DetailedRom } from "@/stores/roms";
 import { formatTimestamp, getSupportedEJSCores } from "@/utils";
-import { ROUTES } from "@/plugins/router";
-import Player from "@/views/Player/EmulatorJS/Player.vue";
-import { isNull } from "lodash";
-import { onBeforeUnmount, onMounted, ref, watch } from "vue";
-import { useRoute } from "vue-router";
-import { useI18n } from "vue-i18n";
-import { saveSave, saveState } from "./utils";
-import CacheDialog from "@/views/Player/EmulatorJS/CacheDialog.vue";
 import { getEmptyCoverImage } from "@/utils/covers";
-import { useDisplay } from "vuetify";
+import CacheDialog from "@/views/Player/EmulatorJS/CacheDialog.vue";
+import Player from "@/views/Player/EmulatorJS/Player.vue";
+import { formatDistanceToNow } from "date-fns";
+import { isNull } from "lodash";
 import { storeToRefs } from "pinia";
+import { onBeforeUnmount, onMounted, ref, watch } from "vue";
+import { useI18n } from "vue-i18n";
+import { useRoute } from "vue-router";
+import { useDisplay } from "vuetify";
 
 const EMULATORJS_VERSION = "4.2.3";
 
diff --git a/frontend/src/views/Player/EmulatorJS/CacheDialog.vue b/frontend/src/views/Player/EmulatorJS/CacheDialog.vue
index 2e84c64d6..5e3c96762 100644
--- a/frontend/src/views/Player/EmulatorJS/CacheDialog.vue
+++ b/frontend/src/views/Player/EmulatorJS/CacheDialog.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import RDialog from "@/components/common/RDialog.vue";
 import { ref } from "vue";
 import { useI18n } from "vue-i18n";
-import RDialog from "@/components/common/RDialog.vue";
 
 const { t } = useI18n();
 const show = ref(false);
diff --git a/frontend/src/views/Player/EmulatorJS/Player.vue b/frontend/src/views/Player/EmulatorJS/Player.vue
index fa991110c..0307401a1 100644
--- a/frontend/src/views/Player/EmulatorJS/Player.vue
+++ b/frontend/src/views/Player/EmulatorJS/Player.vue
@@ -1,15 +1,4 @@
 <script setup lang="ts">
-import type { FirmwareSchema, SaveSchema, StateSchema } from "@/__generated__";
-import { saveApi as api } from "@/services/api/save";
-import storeRoms, { type DetailedRom } from "@/stores/roms";
-import {
-  areThreadsRequiredForEJSCore,
-  getSupportedEJSCores,
-  getControlSchemeForPlatform,
-  getDownloadPath,
-} from "@/utils";
-import { inject, onBeforeUnmount, onMounted, ref } from "vue";
-import { useTheme } from "vuetify";
 import {
   saveSave,
   saveState,
@@ -19,10 +8,21 @@ import {
   createSaveQuitButton,
   createExitEmulationButton,
 } from "./utils";
-import type { Emitter } from "mitt";
-import type { Events } from "@/types/emitter";
+import type { FirmwareSchema, SaveSchema, StateSchema } from "@/__generated__";
+import { saveApi as api } from "@/services/api/save";
 import storePlaying from "@/stores/playing";
+import storeRoms, { type DetailedRom } from "@/stores/roms";
+import type { Events } from "@/types/emitter";
+import {
+  areThreadsRequiredForEJSCore,
+  getSupportedEJSCores,
+  getControlSchemeForPlatform,
+  getDownloadPath,
+} from "@/utils";
+import type { Emitter } from "mitt";
 import { storeToRefs } from "pinia";
+import { inject, onBeforeUnmount, onMounted, ref } from "vue";
+import { useTheme } from "vuetify";
 
 const INVALID_CHARS_REGEX = /[#<$+%>!`&*'|{}/\\?"=@:^\r\n]/gi;
 
diff --git a/frontend/src/views/Player/EmulatorJS/utils.ts b/frontend/src/views/Player/EmulatorJS/utils.ts
index 31cedc7b0..b7edfbe3e 100644
--- a/frontend/src/views/Player/EmulatorJS/utils.ts
+++ b/frontend/src/views/Player/EmulatorJS/utils.ts
@@ -1,8 +1,8 @@
+import { type SaveSchema } from "@/__generated__";
+import { type StateSchema } from "@/__generated__";
 import saveApi from "@/services/api/save";
 import stateApi from "@/services/api/state";
 import { type DetailedRom } from "@/stores/roms";
-import { type SaveSchema } from "@/__generated__";
-import { type StateSchema } from "@/__generated__";
 
 function buildStateName(rom: DetailedRom): string {
   const romName = rom.fs_name_no_ext.trim();
diff --git a/frontend/src/views/Player/RuffleRS/Base.vue b/frontend/src/views/Player/RuffleRS/Base.vue
index 95b59e1df..308bf3e75 100644
--- a/frontend/src/views/Player/RuffleRS/Base.vue
+++ b/frontend/src/views/Player/RuffleRS/Base.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import RomListItem from "@/components/common/Game/ListItem.vue";
+import { ROUTES } from "@/plugins/router";
 import romApi from "@/services/api/rom";
 import type { DetailedRom } from "@/stores/roms";
 import { getDownloadPath } from "@/utils";
-import { ROUTES } from "@/plugins/router";
 import { isNull } from "lodash";
 import { nextTick, onMounted, ref } from "vue";
-import { useRoute } from "vue-router";
 import { useI18n } from "vue-i18n";
+import { useRoute } from "vue-router";
 
 const RUFFLE_VERSION = "0.2.0-nightly.2025.8.14";
 const DEFAULT_BACKGROUND_COLOR = "#0D1117";
diff --git a/frontend/src/views/Scan.vue b/frontend/src/views/Scan.vue
index 18ead5f8d..1ee2c95fd 100644
--- a/frontend/src/views/Scan.vue
+++ b/frontend/src/views/Scan.vue
@@ -1,17 +1,17 @@
 <script setup lang="ts">
 import RomListItem from "@/components/common/Game/ListItem.vue";
-import PlatformIcon from "@/components/common/Platform/Icon.vue";
 import MissingFromFSIcon from "@/components/common/MissingFromFSIcon.vue";
+import PlatformIcon from "@/components/common/Platform/Icon.vue";
+import { useAutoScroll } from "@/composables/useAutoScroll";
+import { ROUTES } from "@/plugins/router";
 import socket from "@/services/socket";
 import storeHeartbeat, { type MetadataOption } from "@/stores/heartbeat";
 import storePlatforms from "@/stores/platforms";
 import storeScanning from "@/stores/scanning";
-import { ROUTES } from "@/plugins/router";
 import { storeToRefs } from "pinia";
 import { computed, ref, watch, type DefineComponent } from "vue";
-import { useDisplay } from "vuetify";
 import { useI18n } from "vue-i18n";
-import { useAutoScroll } from "@/composables/useAutoScroll";
+import { useDisplay } from "vuetify";
 
 const LOCAL_STORAGE_METADATA_SOURCES_KEY = "scan.metadataSources";
 
diff --git a/frontend/src/views/Settings/Administration.vue b/frontend/src/views/Settings/Administration.vue
index 1d580756b..8383f4afa 100644
--- a/frontend/src/views/Settings/Administration.vue
+++ b/frontend/src/views/Settings/Administration.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import UsersTable from "@/components/Settings/Administration/Users/Table.vue";
 import Tasks from "@/components/Settings/Administration/Tasks.vue";
+import UsersTable from "@/components/Settings/Administration/Users/Table.vue";
 import storeAuth from "@/stores/auth";
 
 const auth = storeAuth();
diff --git a/frontend/src/views/Settings/LibraryManagement.vue b/frontend/src/views/Settings/LibraryManagement.vue
index 619dd4a27..d229bb03f 100644
--- a/frontend/src/views/Settings/LibraryManagement.vue
+++ b/frontend/src/views/Settings/LibraryManagement.vue
@@ -1,22 +1,22 @@
 <script setup lang="ts">
+import FabOverlay from "@/components/Gallery/FabOverlay.vue";
+import LoadMoreBtn from "@/components/Gallery/LoadMoreBtn.vue";
 import Excluded from "@/components/Settings/LibraryManagement/Config/Excluded.vue";
 import PlatformBinding from "@/components/Settings/LibraryManagement/Config/PlatformBinding.vue";
 import PlatformVersions from "@/components/Settings/LibraryManagement/Config/PlatformVersions.vue";
 import GameTable from "@/components/common/Game/Table.vue";
-import PlatformIcon from "@/components/common/Platform/Icon.vue";
 import MissingFromFSIcon from "@/components/common/MissingFromFSIcon.vue";
-import LoadMoreBtn from "@/components/Gallery/LoadMoreBtn.vue";
-import FabOverlay from "@/components/Gallery/FabOverlay.vue";
-import storeRoms, { MAX_FETCH_LIMIT } from "@/stores/roms";
+import PlatformIcon from "@/components/common/Platform/Icon.vue";
 import storeGalleryFilter from "@/stores/galleryFilter";
-import type { Emitter } from "mitt";
 import storeGalleryView from "@/stores/galleryView";
 import storePlatforms from "@/stores/platforms";
+import storeRoms, { MAX_FETCH_LIMIT } from "@/stores/roms";
 import type { Events } from "@/types/emitter";
+import { debounce, throttle } from "lodash";
+import type { Emitter } from "mitt";
 import { storeToRefs } from "pinia";
 import { ref, onMounted, inject, onBeforeUnmount, computed } from "vue";
 import { useI18n } from "vue-i18n";
-import { debounce, throttle } from "lodash";
 
 const { t } = useI18n();
 const tab = ref<"config" | "missing">("config");
diff --git a/frontend/src/views/Settings/ServerStats.vue b/frontend/src/views/Settings/ServerStats.vue
index 32c8e1f7c..c6ed7095a 100644
--- a/frontend/src/views/Settings/ServerStats.vue
+++ b/frontend/src/views/Settings/ServerStats.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import SummaryStats from "@/components/Settings/ServerStats/SummaryStats.vue";
 import PlatformsStats from "@/components/Settings/ServerStats/PlatformsStats.vue";
+import SummaryStats from "@/components/Settings/ServerStats/SummaryStats.vue";
 import api from "@/services/api";
 import { onBeforeMount, ref } from "vue";
 
diff --git a/frontend/src/views/Settings/UserInterface.vue b/frontend/src/views/Settings/UserInterface.vue
index 0ec3471c0..4e3d68f7f 100644
--- a/frontend/src/views/Settings/UserInterface.vue
+++ b/frontend/src/views/Settings/UserInterface.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import Interface from "@/components/Settings/UserInterface/Interface.vue";
 import Language from "@/components/Settings/UserInterface/Language.vue";
 import Theme from "@/components/Settings/UserInterface/Theme.vue";
-import Interface from "@/components/Settings/UserInterface/Interface.vue";
 </script>
 
 <template>
diff --git a/frontend/src/views/Settings/UserProfile.vue b/frontend/src/views/Settings/UserProfile.vue
index c40b2269b..3e42c5323 100644
--- a/frontend/src/views/Settings/UserProfile.vue
+++ b/frontend/src/views/Settings/UserProfile.vue
@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import RSection from "@/components/common/RSection.vue";
 import RetroAchievements from "@/components/Settings/UserProfile/RetroAchievements.vue";
+import RSection from "@/components/common/RSection.vue";
 import userApi from "@/services/api/user";
 import storeAuth from "@/stores/auth";
 import storeUsers from "@/stores/users";
 import type { Events } from "@/types/emitter";
-import type { Emitter } from "mitt";
 import type { UserItem } from "@/types/user";
 import { defaultAvatarPath, getRoleIcon } from "@/utils";
+import type { Emitter } from "mitt";
+import { storeToRefs } from "pinia";
 import { inject, ref, onMounted, onUnmounted } from "vue";
 import { useI18n } from "vue-i18n";
-import { storeToRefs } from "pinia";
 
 const { t } = useI18n();
 const auth = storeAuth();
diff --git a/frontend/vite.config.js b/frontend/vite.config.js
index 23151d81e..1912791ab 100644
--- a/frontend/vite.config.js
+++ b/frontend/vite.config.js
@@ -1,13 +1,10 @@
-// Plugins
+import tailwindcss from "@tailwindcss/vite";
 import vue from "@vitejs/plugin-vue";
-import { VitePWA } from "vite-plugin-pwa";
-import vuetify, { transformAssetUrls } from "vite-plugin-vuetify";
-import mkcert from "vite-plugin-mkcert";
-
-// Utilities
 import { URL, fileURLToPath } from "node:url";
 import { defineConfig, loadEnv } from "vite";
-import tailwindcss from "@tailwindcss/vite";
+import mkcert from "vite-plugin-mkcert";
+import { VitePWA } from "vite-plugin-pwa";
+import vuetify, { transformAssetUrls } from "vite-plugin-vuetify";
 
 // https://vitejs.dev/config/
 export default defineConfig(({ mode }) => {