diff --git a/build/check-versions.mjs b/build/check-versions.mjs
index 61f750e7b..8c5968a30 100644
--- a/build/check-versions.mjs
+++ b/build/check-versions.mjs
@@ -1,5 +1,5 @@
-import semver from 'semver'
 import chalk from 'chalk'
+import semver from 'semver'
 
 import packageConfig from '../package.json' with { type: 'json' }
 
diff --git a/build/copy_plugin.js b/build/copy_plugin.js
index ad4d9617a..4f020f359 100644
--- a/build/copy_plugin.js
+++ b/build/copy_plugin.js
@@ -1,6 +1,6 @@
-import serveStatic from 'serve-static'
-import { resolve } from 'node:path'
 import { cp } from 'node:fs/promises'
+import { resolve } from 'node:path'
+import serveStatic from 'serve-static'
 
 const getPrefix = (s) => {
   const padEnd = s.endsWith('/') ? s : s + '/'
diff --git a/build/emojis_plugin.js b/build/emojis_plugin.js
index 056da056e..4b3a2d33f 100644
--- a/build/emojis_plugin.js
+++ b/build/emojis_plugin.js
@@ -1,6 +1,6 @@
-import { resolve } from 'node:path'
 import { access } from 'node:fs/promises'
-import { languages, langCodeToCldrName } from '../src/i18n/languages.js'
+import { resolve } from 'node:path'
+import { langCodeToCldrName, languages } from '../src/i18n/languages.js'
 
 const annotationsImportPrefix = '@kazvmoe-infra/unicode-emoji-json/annotations/'
 const specialAnnotationsLocale = {
diff --git a/build/msw_plugin.js b/build/msw_plugin.js
index 009546945..c4e9098c5 100644
--- a/build/msw_plugin.js
+++ b/build/msw_plugin.js
@@ -1,5 +1,5 @@
-import { resolve } from 'node:path'
 import { readFile } from 'node:fs/promises'
+import { resolve } from 'node:path'
 
 const target = 'node_modules/msw/lib/mockServiceWorker.js'
 
diff --git a/build/service_worker_messages.js b/build/service_worker_messages.js
index 852963245..0ebd2b471 100644
--- a/build/service_worker_messages.js
+++ b/build/service_worker_messages.js
@@ -1,7 +1,7 @@
-import { languages, langCodeToJsonName } from '../src/i18n/languages.js'
 import { readFile } from 'node:fs/promises'
 import { dirname, resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
+import { langCodeToJsonName, languages } from '../src/i18n/languages.js'
 
 const i18nDir = resolve(
   dirname(dirname(fileURLToPath(import.meta.url))),
diff --git a/build/sw_plugin.js b/build/sw_plugin.js
index c7f543e10..f9d17b376 100644
--- a/build/sw_plugin.js
+++ b/build/sw_plugin.js
@@ -1,8 +1,8 @@
-import { fileURLToPath } from 'node:url'
-import { dirname, resolve } from 'node:path'
 import { readFile } from 'node:fs/promises'
-import { build } from 'vite'
+import { dirname, resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
 import * as esbuild from 'esbuild'
+import { build } from 'vite'
 import {
   generateServiceWorkerMessages,
   i18nFiles,
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 9a670ccf9..60c36d246 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -1,5 +1,5 @@
-import vue from 'eslint-plugin-vue'
 import js from '@eslint/js'
+import vue from 'eslint-plugin-vue'
 import globals from 'globals'
 
 export default [
diff --git a/src/App.js b/src/App.js
index 91e6cbc4c..83e7f8ee5 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,27 +1,26 @@
-import UserPanel from './components/user_panel/user_panel.vue'
-import NavPanel from './components/nav_panel/nav_panel.vue'
-import InstanceSpecificPanel from './components/instance_specific_panel/instance_specific_panel.vue'
-import FeaturesPanel from './components/features_panel/features_panel.vue'
-import WhoToFollowPanel from './components/who_to_follow_panel/who_to_follow_panel.vue'
-import ShoutPanel from './components/shout_panel/shout_panel.vue'
-import MediaModal from './components/media_modal/media_modal.vue'
-import SideDrawer from './components/side_drawer/side_drawer.vue'
-import MobilePostStatusButton from './components/mobile_post_status_button/mobile_post_status_button.vue'
-import MobileNav from './components/mobile_nav/mobile_nav.vue'
-import DesktopNav from './components/desktop_nav/desktop_nav.vue'
-import UserReportingModal from './components/user_reporting_modal/user_reporting_modal.vue'
-import EditStatusModal from './components/edit_status_modal/edit_status_modal.vue'
-import PostStatusModal from './components/post_status_modal/post_status_modal.vue'
-import StatusHistoryModal from './components/status_history_modal/status_history_modal.vue'
-import GlobalNoticeList from './components/global_notice_list/global_notice_list.vue'
-import { getOrCreateServiceWorker } from './services/sw/sw'
-import { windowWidth, windowHeight } from './services/window_utils/window_utils'
-import { mapGetters } from 'vuex'
-import { defineAsyncComponent } from 'vue'
-import { useShoutStore } from './stores/shout'
-import { useInterfaceStore } from './stores/interface'
-
 import { throttle } from 'lodash'
+import { defineAsyncComponent } from 'vue'
+import { mapGetters } from 'vuex'
+import DesktopNav from './components/desktop_nav/desktop_nav.vue'
+import EditStatusModal from './components/edit_status_modal/edit_status_modal.vue'
+import FeaturesPanel from './components/features_panel/features_panel.vue'
+import GlobalNoticeList from './components/global_notice_list/global_notice_list.vue'
+import InstanceSpecificPanel from './components/instance_specific_panel/instance_specific_panel.vue'
+import MediaModal from './components/media_modal/media_modal.vue'
+import MobileNav from './components/mobile_nav/mobile_nav.vue'
+import MobilePostStatusButton from './components/mobile_post_status_button/mobile_post_status_button.vue'
+import NavPanel from './components/nav_panel/nav_panel.vue'
+import PostStatusModal from './components/post_status_modal/post_status_modal.vue'
+import ShoutPanel from './components/shout_panel/shout_panel.vue'
+import SideDrawer from './components/side_drawer/side_drawer.vue'
+import StatusHistoryModal from './components/status_history_modal/status_history_modal.vue'
+import UserPanel from './components/user_panel/user_panel.vue'
+import UserReportingModal from './components/user_reporting_modal/user_reporting_modal.vue'
+import WhoToFollowPanel from './components/who_to_follow_panel/who_to_follow_panel.vue'
+import { getOrCreateServiceWorker } from './services/sw/sw'
+import { windowHeight, windowWidth } from './services/window_utils/window_utils'
+import { useInterfaceStore } from './stores/interface'
+import { useShoutStore } from './stores/shout'
 
 export default {
   name: 'app',
diff --git a/src/boot/after_store.js b/src/boot/after_store.js
index c05fb7e55..1a2be5bd7 100644
--- a/src/boot/after_store.js
+++ b/src/boot/after_store.js
@@ -1,39 +1,39 @@
 /* global process */
+
+import vClickOutside from 'click-outside-vue3'
 import { createApp } from 'vue'
 import { createRouter, createWebHistory } from 'vue-router'
-import vClickOutside from 'click-outside-vue3'
 import VueVirtualScroller from 'vue-virtual-scroller'
 import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
 
+import { config } from '@fortawesome/fontawesome-svg-core'
 import {
   FontAwesomeIcon,
   FontAwesomeLayers,
 } from '@fortawesome/vue-fontawesome'
-import { config } from '@fortawesome/fontawesome-svg-core'
+
 config.autoAddCss = false
 
-import App from '../App.vue'
-import routes from './routes'
 import VBodyScrollLock from 'src/directives/body_scroll_lock'
-
 import {
-  windowWidth,
-  windowHeight,
-} from '../services/window_utils/window_utils'
-import backendInteractorService from '../services/backend_interactor_service/backend_interactor_service.js'
-import { applyConfig } from '../services/style_setter/style_setter.js'
-import FaviconService from '../services/favicon_service/favicon_service.js'
-import { initServiceWorker, updateFocus } from '../services/sw/sw.js'
-
-import { useOAuthStore } from 'src/stores/oauth'
-import { useI18nStore } from 'src/stores/i18n'
-import { useInterfaceStore } from 'src/stores/interface'
+  instanceDefaultConfig,
+  staticOrApiConfigDefault,
+} from 'src/modules/default_config_state.js'
 import { useAnnouncementsStore } from 'src/stores/announcements'
 import { useAuthFlowStore } from 'src/stores/auth_flow'
+import { useI18nStore } from 'src/stores/i18n'
+import { useInterfaceStore } from 'src/stores/interface'
+import { useOAuthStore } from 'src/stores/oauth'
+import App from '../App.vue'
+import backendInteractorService from '../services/backend_interactor_service/backend_interactor_service.js'
+import FaviconService from '../services/favicon_service/favicon_service.js'
+import { applyConfig } from '../services/style_setter/style_setter.js'
+import { initServiceWorker, updateFocus } from '../services/sw/sw.js'
 import {
-  staticOrApiConfigDefault,
-  instanceDefaultConfig,
-} from 'src/modules/default_config_state.js'
+  windowHeight,
+  windowWidth,
+} from '../services/window_utils/window_utils'
+import routes from './routes'
 
 let staticInitialResults = null
 
diff --git a/src/boot/routes.js b/src/boot/routes.js
index b0b90a8d7..c601531a9 100644
--- a/src/boot/routes.js
+++ b/src/boot/routes.js
@@ -1,35 +1,35 @@
-import PublicTimeline from 'components/public_timeline/public_timeline.vue'
-import BubbleTimeline from 'components/bubble_timeline/bubble_timeline.vue'
-import PublicAndExternalTimeline from 'components/public_and_external_timeline/public_and_external_timeline.vue'
-import FriendsTimeline from 'components/friends_timeline/friends_timeline.vue'
-import TagTimeline from 'components/tag_timeline/tag_timeline.vue'
-import BookmarkTimeline from 'components/bookmark_timeline/bookmark_timeline.vue'
-import ConversationPage from 'components/conversation-page/conversation-page.vue'
-import Interactions from 'components/interactions/interactions.vue'
-import DMs from 'components/dm_timeline/dm_timeline.vue'
-import ChatList from 'components/chat_list/chat_list.vue'
-import Chat from 'components/chat/chat.vue'
-import UserProfile from 'components/user_profile/user_profile.vue'
-import Search from 'components/search/search.vue'
-import Registration from 'components/registration/registration.vue'
-import PasswordReset from 'components/password_reset/password_reset.vue'
-import FollowRequests from 'components/follow_requests/follow_requests.vue'
-import OAuthCallback from 'components/oauth_callback/oauth_callback.vue'
-import Notifications from 'components/notifications/notifications.vue'
-import AuthForm from 'components/auth_form/auth_form.js'
-import ShoutPanel from 'components/shout_panel/shout_panel.vue'
-import WhoToFollow from 'components/who_to_follow/who_to_follow.vue'
 import About from 'components/about/about.vue'
-import RemoteUserResolver from 'components/remote_user_resolver/remote_user_resolver.vue'
-import Lists from 'components/lists/lists.vue'
-import ListsTimeline from 'components/lists_timeline/lists_timeline.vue'
-import ListsEdit from 'components/lists_edit/lists_edit.vue'
-import NavPanel from 'src/components/nav_panel/nav_panel.vue'
 import AnnouncementsPage from 'components/announcements_page/announcements_page.vue'
-import QuotesTimeline from '../components/quotes_timeline/quotes_timeline.vue'
+import AuthForm from 'components/auth_form/auth_form.js'
+import BookmarkTimeline from 'components/bookmark_timeline/bookmark_timeline.vue'
+import BubbleTimeline from 'components/bubble_timeline/bubble_timeline.vue'
+import Chat from 'components/chat/chat.vue'
+import ChatList from 'components/chat_list/chat_list.vue'
+import ConversationPage from 'components/conversation-page/conversation-page.vue'
+import DMs from 'components/dm_timeline/dm_timeline.vue'
 import Drafts from 'components/drafts/drafts.vue'
-import BookmarkFolders from '../components/bookmark_folders/bookmark_folders.vue'
+import FollowRequests from 'components/follow_requests/follow_requests.vue'
+import FriendsTimeline from 'components/friends_timeline/friends_timeline.vue'
+import Interactions from 'components/interactions/interactions.vue'
+import Lists from 'components/lists/lists.vue'
+import ListsEdit from 'components/lists_edit/lists_edit.vue'
+import ListsTimeline from 'components/lists_timeline/lists_timeline.vue'
+import Notifications from 'components/notifications/notifications.vue'
+import OAuthCallback from 'components/oauth_callback/oauth_callback.vue'
+import PasswordReset from 'components/password_reset/password_reset.vue'
+import PublicAndExternalTimeline from 'components/public_and_external_timeline/public_and_external_timeline.vue'
+import PublicTimeline from 'components/public_timeline/public_timeline.vue'
+import Registration from 'components/registration/registration.vue'
+import RemoteUserResolver from 'components/remote_user_resolver/remote_user_resolver.vue'
+import Search from 'components/search/search.vue'
+import ShoutPanel from 'components/shout_panel/shout_panel.vue'
+import TagTimeline from 'components/tag_timeline/tag_timeline.vue'
+import UserProfile from 'components/user_profile/user_profile.vue'
+import WhoToFollow from 'components/who_to_follow/who_to_follow.vue'
+import NavPanel from 'src/components/nav_panel/nav_panel.vue'
 import BookmarkFolderEdit from '../components/bookmark_folder_edit/bookmark_folder_edit.vue'
+import BookmarkFolders from '../components/bookmark_folders/bookmark_folders.vue'
+import QuotesTimeline from '../components/quotes_timeline/quotes_timeline.vue'
 
 export default (store) => {
   const validateAuthenticatedRoute = (to, from, next) => {
diff --git a/src/components/about/about.js b/src/components/about/about.js
index 19ac8a7b6..d091dfd0a 100644
--- a/src/components/about/about.js
+++ b/src/components/about/about.js
@@ -1,8 +1,8 @@
-import InstanceSpecificPanel from '../instance_specific_panel/instance_specific_panel.vue'
 import FeaturesPanel from '../features_panel/features_panel.vue'
-import TermsOfServicePanel from '../terms_of_service_panel/terms_of_service_panel.vue'
-import StaffPanel from '../staff_panel/staff_panel.vue'
+import InstanceSpecificPanel from '../instance_specific_panel/instance_specific_panel.vue'
 import MRFTransparencyPanel from '../mrf_transparency_panel/mrf_transparency_panel.vue'
+import StaffPanel from '../staff_panel/staff_panel.vue'
+import TermsOfServicePanel from '../terms_of_service_panel/terms_of_service_panel.vue'
 
 const About = {
   components: {
diff --git a/src/components/account_actions/account_actions.js b/src/components/account_actions/account_actions.js
index 93b906bc0..184c2b623 100644
--- a/src/components/account_actions/account_actions.js
+++ b/src/components/account_actions/account_actions.js
@@ -1,12 +1,12 @@
-import { mapState } from 'vuex'
-import ProgressButton from '../progress_button/progress_button.vue'
-import Popover from '../popover/popover.vue'
-import UserListMenu from 'src/components/user_list_menu/user_list_menu.vue'
-import ConfirmModal from '../confirm_modal/confirm_modal.vue'
-import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faEllipsisV } from '@fortawesome/free-solid-svg-icons'
+import UserListMenu from 'src/components/user_list_menu/user_list_menu.vue'
+import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
 import { useReportsStore } from 'src/stores/reports'
+import { mapState } from 'vuex'
+import ConfirmModal from '../confirm_modal/confirm_modal.vue'
+import Popover from '../popover/popover.vue'
+import ProgressButton from '../progress_button/progress_button.vue'
 
 library.add(faEllipsisV)
 
diff --git a/src/components/announcement/announcement.js b/src/components/announcement/announcement.js
index ffb646320..356852cff 100644
--- a/src/components/announcement/announcement.js
+++ b/src/components/announcement/announcement.js
@@ -1,8 +1,8 @@
+import { useAnnouncementsStore } from 'src/stores/announcements'
 import { mapState } from 'vuex'
+import localeService from '../../services/locale/locale.service.js'
 import AnnouncementEditor from '../announcement_editor/announcement_editor.vue'
 import RichContent from '../rich_content/rich_content.jsx'
-import localeService from '../../services/locale/locale.service.js'
-import { useAnnouncementsStore } from 'src/stores/announcements'
 
 const Announcement = {
   components: {
diff --git a/src/components/announcements_page/announcements_page.js b/src/components/announcements_page/announcements_page.js
index 6d1671e83..d3429613c 100644
--- a/src/components/announcements_page/announcements_page.js
+++ b/src/components/announcements_page/announcements_page.js
@@ -1,7 +1,7 @@
+import { useAnnouncementsStore } from 'src/stores/announcements'
 import { mapState } from 'vuex'
 import Announcement from '../announcement/announcement.vue'
 import AnnouncementEditor from '../announcement_editor/announcement_editor.vue'
-import { useAnnouncementsStore } from 'src/stores/announcements'
 
 const AnnouncementsPage = {
   components: {
diff --git a/src/components/attachment/attachment.js b/src/components/attachment/attachment.js
index 22228d4af..8c7700c8a 100644
--- a/src/components/attachment/attachment.js
+++ b/src/components/attachment/attachment.js
@@ -1,24 +1,24 @@
-import StillImage from '../still-image/still-image.vue'
-import Flash from '../flash/flash.vue'
-import VideoAttachment from '../video_attachment/video_attachment.vue'
-import nsfwImage from '../../assets/nsfw.png'
-import fileTypeService from '../../services/file_type/file_type.service.js'
-import { mapGetters } from 'vuex'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faFile,
-  faMusic,
-  faImage,
-  faVideo,
-  faPlayCircle,
-  faTimes,
-  faStop,
-  faSearchPlus,
-  faTrashAlt,
-  faPencilAlt,
   faAlignRight,
+  faFile,
+  faImage,
+  faMusic,
+  faPencilAlt,
+  faPlayCircle,
+  faSearchPlus,
+  faStop,
+  faTimes,
+  faTrashAlt,
+  faVideo,
 } from '@fortawesome/free-solid-svg-icons'
 import { useMediaViewerStore } from 'src/stores/media_viewer'
+import { mapGetters } from 'vuex'
+import nsfwImage from '../../assets/nsfw.png'
+import fileTypeService from '../../services/file_type/file_type.service.js'
+import Flash from '../flash/flash.vue'
+import StillImage from '../still-image/still-image.vue'
+import VideoAttachment from '../video_attachment/video_attachment.vue'
 
 library.add(
   faFile,
diff --git a/src/components/auth_form/auth_form.js b/src/components/auth_form/auth_form.js
index 5ebf5c418..1e9b86c57 100644
--- a/src/components/auth_form/auth_form.js
+++ b/src/components/auth_form/auth_form.js
@@ -1,9 +1,9 @@
+import { mapState } from 'pinia'
+import { useAuthFlowStore } from 'src/stores/auth_flow'
 import { h, resolveComponent } from 'vue'
 import LoginForm from '../login_form/login_form.vue'
 import MFARecoveryForm from '../mfa_form/recovery_form.vue'
 import MFATOTPForm from '../mfa_form/totp_form.vue'
-import { mapState } from 'pinia'
-import { useAuthFlowStore } from 'src/stores/auth_flow'
 
 const AuthForm = {
   name: 'AuthForm',
diff --git a/src/components/avatar_list/avatar_list.js b/src/components/avatar_list/avatar_list.js
index 7ef42cf2b..aad157686 100644
--- a/src/components/avatar_list/avatar_list.js
+++ b/src/components/avatar_list/avatar_list.js
@@ -1,5 +1,5 @@
-import UserAvatar from '../user_avatar/user_avatar.vue'
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
+import UserAvatar from '../user_avatar/user_avatar.vue'
 
 const AvatarList = {
   props: ['users'],
diff --git a/src/components/basic_user_card/basic_user_card.js b/src/components/basic_user_card/basic_user_card.js
index 018c80065..cc4cbce44 100644
--- a/src/components/basic_user_card/basic_user_card.js
+++ b/src/components/basic_user_card/basic_user_card.js
@@ -1,8 +1,8 @@
-import UserPopover from '../user_popover/user_popover.vue'
-import UserAvatar from '../user_avatar/user_avatar.vue'
-import UserLink from '../user_link/user_link.vue'
 import RichContent from 'src/components/rich_content/rich_content.jsx'
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
+import UserAvatar from '../user_avatar/user_avatar.vue'
+import UserLink from '../user_link/user_link.vue'
+import UserPopover from '../user_popover/user_popover.vue'
 
 const BasicUserCard = {
   props: ['user'],
diff --git a/src/components/bookmark_folder_edit/bookmark_folder_edit.js b/src/components/bookmark_folder_edit/bookmark_folder_edit.js
index 822f47f3c..a658a0f40 100644
--- a/src/components/bookmark_folder_edit/bookmark_folder_edit.js
+++ b/src/components/bookmark_folder_edit/bookmark_folder_edit.js
@@ -1,7 +1,7 @@
-import EmojiPicker from '../emoji_picker/emoji_picker.vue'
-import apiService from '../../services/api/api.service'
-import { useInterfaceStore } from 'src/stores/interface'
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
+import { useInterfaceStore } from 'src/stores/interface'
+import apiService from '../../services/api/api.service'
+import EmojiPicker from '../emoji_picker/emoji_picker.vue'
 
 const BookmarkFolderEdit = {
   data() {
diff --git a/src/components/bookmark_folders/bookmark_folders.js b/src/components/bookmark_folders/bookmark_folders.js
index 15d2c925c..8e09abb31 100644
--- a/src/components/bookmark_folders/bookmark_folders.js
+++ b/src/components/bookmark_folders/bookmark_folders.js
@@ -1,5 +1,5 @@
-import BookmarkFolderCard from '../bookmark_folder_card/bookmark_folder_card.vue'
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
+import BookmarkFolderCard from '../bookmark_folder_card/bookmark_folder_card.vue'
 
 const BookmarkFolders = {
   data() {
diff --git a/src/components/bookmark_folders_menu/bookmark_folders_menu_content.js b/src/components/bookmark_folders_menu/bookmark_folders_menu_content.js
index 944484b74..cc8135334 100644
--- a/src/components/bookmark_folders_menu/bookmark_folders_menu_content.js
+++ b/src/components/bookmark_folders_menu/bookmark_folders_menu_content.js
@@ -1,6 +1,6 @@
 import { mapState } from 'pinia'
-import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
 import { getBookmarkFolderEntries } from 'src/components/navigation/filter.js'
+import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
 
 export const BookmarkFoldersMenuContent = {
diff --git a/src/components/bubble_timeline/bubble_timeline.js b/src/components/bubble_timeline/bubble_timeline.js
index f4d3994db..d3835e0e8 100644
--- a/src/components/bubble_timeline/bubble_timeline.js
+++ b/src/components/bubble_timeline/bubble_timeline.js
@@ -1,4 +1,5 @@
 import Timeline from '../timeline/timeline.vue'
+
 const BubbleTimeline = {
   components: {
     Timeline,
diff --git a/src/components/chat/chat.js b/src/components/chat/chat.js
index 77a80c8b9..2a0d91761 100644
--- a/src/components/chat/chat.js
+++ b/src/components/chat/chat.js
@@ -1,22 +1,22 @@
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faChevronDown, faChevronLeft } from '@fortawesome/free-solid-svg-icons'
 import _ from 'lodash'
-import { WSConnectionStatus } from '../../services/api/api.service.js'
-import { mapGetters, mapState } from 'vuex'
 import { mapState as mapPiniaState } from 'pinia'
-import ChatMessage from '../chat_message/chat_message.vue'
-import PostStatusForm from '../post_status_form/post_status_form.vue'
-import ChatTitle from '../chat_title/chat_title.vue'
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { mapGetters, mapState } from 'vuex'
+import { WSConnectionStatus } from '../../services/api/api.service.js'
 import chatService from '../../services/chat_service/chat_service.js'
+import { buildFakeMessage } from '../../services/chat_utils/chat_utils.js'
 import { promiseInterval } from '../../services/promise_interval/promise_interval.js'
+import ChatMessage from '../chat_message/chat_message.vue'
+import ChatTitle from '../chat_title/chat_title.vue'
+import PostStatusForm from '../post_status_form/post_status_form.vue'
 import {
-  getScrollPosition,
   getNewTopPosition,
+  getScrollPosition,
   isBottomedOut,
   isScrollable,
 } from './chat_layout_utils.js'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faChevronDown, faChevronLeft } from '@fortawesome/free-solid-svg-icons'
-import { buildFakeMessage } from '../../services/chat_utils/chat_utils.js'
-import { useInterfaceStore } from 'src/stores/interface.js'
 
 library.add(faChevronDown, faChevronLeft)
 
diff --git a/src/components/chat_list/chat_list.js b/src/components/chat_list/chat_list.js
index 65e8b02d6..8081d0670 100644
--- a/src/components/chat_list/chat_list.js
+++ b/src/components/chat_list/chat_list.js
@@ -1,4 +1,4 @@
-import { mapState, mapGetters } from 'vuex'
+import { mapGetters, mapState } from 'vuex'
 import ChatListItem from '../chat_list_item/chat_list_item.vue'
 import ChatNew from '../chat_new/chat_new.vue'
 import List from '../list/list.vue'
diff --git a/src/components/chat_list_item/chat_list_item.js b/src/components/chat_list_item/chat_list_item.js
index 2fbc9bae8..ba8f5528b 100644
--- a/src/components/chat_list_item/chat_list_item.js
+++ b/src/components/chat_list_item/chat_list_item.js
@@ -1,10 +1,10 @@
-import { mapState } from 'vuex'
-import StatusBody from '../status_content/status_content.vue'
 import fileType from 'src/services/file_type/file_type.service'
-import UserAvatar from '../user_avatar/user_avatar.vue'
+import { mapState } from 'vuex'
 import AvatarList from '../avatar_list/avatar_list.vue'
-import Timeago from '../timeago/timeago.vue'
 import ChatTitle from '../chat_title/chat_title.vue'
+import StatusBody from '../status_content/status_content.vue'
+import Timeago from '../timeago/timeago.vue'
+import UserAvatar from '../user_avatar/user_avatar.vue'
 
 const ChatListItem = {
   name: 'ChatListItem',
diff --git a/src/components/chat_message/chat_message.js b/src/components/chat_message/chat_message.js
index 6b2315a82..0d3876ab6 100644
--- a/src/components/chat_message/chat_message.js
+++ b/src/components/chat_message/chat_message.js
@@ -1,16 +1,16 @@
-import { mapState, mapGetters } from 'vuex'
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faEllipsisH, faTimes } from '@fortawesome/free-solid-svg-icons'
 import { mapState as mapPiniaState } from 'pinia'
-import Popover from '../popover/popover.vue'
+import { useInterfaceStore } from 'src/stores/interface'
+import { defineAsyncComponent } from 'vue'
+import { mapGetters, mapState } from 'vuex'
 import Attachment from '../attachment/attachment.vue'
-import UserAvatar from '../user_avatar/user_avatar.vue'
+import ChatMessageDate from '../chat_message_date/chat_message_date.vue'
 import Gallery from '../gallery/gallery.vue'
 import LinkPreview from '../link-preview/link-preview.vue'
+import Popover from '../popover/popover.vue'
 import StatusContent from '../status_content/status_content.vue'
-import ChatMessageDate from '../chat_message_date/chat_message_date.vue'
-import { defineAsyncComponent } from 'vue'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faTimes, faEllipsisH } from '@fortawesome/free-solid-svg-icons'
-import { useInterfaceStore } from 'src/stores/interface'
+import UserAvatar from '../user_avatar/user_avatar.vue'
 
 library.add(faTimes, faEllipsisH)
 
diff --git a/src/components/chat_new/chat_new.js b/src/components/chat_new/chat_new.js
index 8e2a8dacb..d9f73193c 100644
--- a/src/components/chat_new/chat_new.js
+++ b/src/components/chat_new/chat_new.js
@@ -1,8 +1,8 @@
-import { mapState, mapGetters } from 'vuex'
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faChevronLeft, faSearch } from '@fortawesome/free-solid-svg-icons'
+import { mapGetters, mapState } from 'vuex'
 import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 import UserAvatar from '../user_avatar/user_avatar.vue'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faSearch, faChevronLeft } from '@fortawesome/free-solid-svg-icons'
 
 library.add(faSearch, faChevronLeft)
 
diff --git a/src/components/chat_title/chat_title.js b/src/components/chat_title/chat_title.js
index 0d5ba93e0..7748f8973 100644
--- a/src/components/chat_title/chat_title.js
+++ b/src/components/chat_title/chat_title.js
@@ -1,6 +1,6 @@
-import UserAvatar from '../user_avatar/user_avatar.vue'
 import RichContent from 'src/components/rich_content/rich_content.jsx'
 import { defineAsyncComponent } from 'vue'
+import UserAvatar from '../user_avatar/user_avatar.vue'
 
 export default {
   name: 'ChatTitle',
diff --git a/src/components/color_input/color_input.vue b/src/components/color_input/color_input.vue
index 8367908d9..76a00416c 100644
--- a/src/components/color_input/color_input.vue
+++ b/src/components/color_input/color_input.vue
@@ -64,12 +64,11 @@
   </div>
 </template>
 <script>
-import Checkbox from '../checkbox/checkbox.vue'
-import { hex2rgb } from '../../services/color_convert/color_convert.js'
-import { throttle } from 'lodash'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faEyeDropper } from '@fortawesome/free-solid-svg-icons'
+import { throttle } from 'lodash'
+import { hex2rgb } from '../../services/color_convert/color_convert.js'
+import Checkbox from '../checkbox/checkbox.vue'
 
 library.add(faEyeDropper)
 
diff --git a/src/components/component_preview/component_preview.js b/src/components/component_preview/component_preview.js
index 6a19c3631..1d54f58de 100644
--- a/src/components/component_preview/component_preview.js
+++ b/src/components/component_preview/component_preview.js
@@ -3,8 +3,8 @@ import ColorInput from 'src/components/color_input/color_input.vue'
 
 import genRandomSeed from 'src/services/random_seed/random_seed.service.js'
 import {
-  createStyleSheet,
   adoptStyleSheets,
+  createStyleSheet,
 } from 'src/services/style_setter/style_setter.js'
 
 export default {
diff --git a/src/components/confirm_modal/mute_confirm.js b/src/components/confirm_modal/mute_confirm.js
index 36c86b6ef..2ccb0b3bc 100644
--- a/src/components/confirm_modal/mute_confirm.js
+++ b/src/components/confirm_modal/mute_confirm.js
@@ -1,7 +1,6 @@
-import { mapGetters } from 'vuex'
-
-import ConfirmModal from './confirm_modal.vue'
 import Select from 'src/components/select/select.vue'
+import { mapGetters } from 'vuex'
+import ConfirmModal from './confirm_modal.vue'
 
 export default {
   props: ['type', 'user', 'status'],
diff --git a/src/components/contrast_ratio/contrast_ratio.vue b/src/components/contrast_ratio/contrast_ratio.vue
index c413e2e8b..94cc9fb7c 100644
--- a/src/components/contrast_ratio/contrast_ratio.vue
+++ b/src/components/contrast_ratio/contrast_ratio.vue
@@ -57,14 +57,13 @@
 </template>
 
 <script>
-import Tooltip from 'src/components/tooltip/tooltip.vue'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faAdjust,
   faExclamationTriangle,
   faThumbsUp,
 } from '@fortawesome/free-solid-svg-icons'
+import Tooltip from 'src/components/tooltip/tooltip.vue'
 
 library.add(faAdjust, faExclamationTriangle, faThumbsUp)
 
diff --git a/src/components/conversation/conversation.js b/src/components/conversation/conversation.js
index 699b73cbb..055f43bb3 100644
--- a/src/components/conversation/conversation.js
+++ b/src/components/conversation/conversation.js
@@ -1,19 +1,18 @@
-import { reduce, filter, findIndex, clone, get } from 'lodash'
-import Status from '../status/status.vue'
-import ThreadTree from '../thread_tree/thread_tree.vue'
-import { WSConnectionStatus } from '../../services/api/api.service.js'
-import { mapGetters, mapState } from 'vuex'
-import { mapState as mapPiniaState } from 'pinia'
-import QuickFilterSettings from '../quick_filter_settings/quick_filter_settings.vue'
-import QuickViewSettings from '../quick_view_settings/quick_view_settings.vue'
-import { useInterfaceStore } from 'src/stores/interface'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faAngleDoubleDown,
   faAngleDoubleLeft,
   faChevronLeft,
 } from '@fortawesome/free-solid-svg-icons'
+import { clone, filter, findIndex, get, reduce } from 'lodash'
+import { mapState as mapPiniaState } from 'pinia'
+import { useInterfaceStore } from 'src/stores/interface'
+import { mapGetters, mapState } from 'vuex'
+import { WSConnectionStatus } from '../../services/api/api.service.js'
+import QuickFilterSettings from '../quick_filter_settings/quick_filter_settings.vue'
+import QuickViewSettings from '../quick_view_settings/quick_view_settings.vue'
+import Status from '../status/status.vue'
+import ThreadTree from '../thread_tree/thread_tree.vue'
 
 library.add(faAngleDoubleDown, faAngleDoubleLeft, faChevronLeft)
 
diff --git a/src/components/desktop_nav/desktop_nav.js b/src/components/desktop_nav/desktop_nav.js
index a775ff090..c816a97b1 100644
--- a/src/components/desktop_nav/desktop_nav.js
+++ b/src/components/desktop_nav/desktop_nav.js
@@ -1,20 +1,20 @@
-import SearchBar from 'components/search_bar/search_bar.vue'
-import ConfirmModal from '../confirm_modal/confirm_modal.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
+  faBell,
+  faBullhorn,
+  faCog,
+  faComments,
+  faHome,
+  faInfoCircle,
+  faSearch,
   faSignInAlt,
   faSignOutAlt,
-  faHome,
-  faComments,
-  faBell,
-  faUserPlus,
-  faBullhorn,
-  faSearch,
   faTachometerAlt,
-  faCog,
-  faInfoCircle,
+  faUserPlus,
 } from '@fortawesome/free-solid-svg-icons'
+import SearchBar from 'components/search_bar/search_bar.vue'
 import { useInterfaceStore } from 'src/stores/interface'
+import ConfirmModal from '../confirm_modal/confirm_modal.vue'
 
 library.add(
   faSignInAlt,
diff --git a/src/components/draft/draft.js b/src/components/draft/draft.js
index 1f1a871cc..2a2485b58 100644
--- a/src/components/draft/draft.js
+++ b/src/components/draft/draft.js
@@ -1,12 +1,11 @@
-import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
-import EditStatusForm from 'src/components/edit_status_form/edit_status_form.vue'
-import ConfirmModal from 'src/components/confirm_modal/confirm_modal.vue'
-import StatusContent from 'src/components/status_content/status_content.vue'
-import Gallery from 'src/components/gallery/gallery.vue'
-import { cloneDeep } from 'lodash'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faPollH } from '@fortawesome/free-solid-svg-icons'
+import { cloneDeep } from 'lodash'
+import ConfirmModal from 'src/components/confirm_modal/confirm_modal.vue'
+import EditStatusForm from 'src/components/edit_status_form/edit_status_form.vue'
+import Gallery from 'src/components/gallery/gallery.vue'
+import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
+import StatusContent from 'src/components/status_content/status_content.vue'
 
 library.add(faPollH)
 
diff --git a/src/components/edit_status_form/edit_status_form.js b/src/components/edit_status_form/edit_status_form.js
index a3c02c2a3..b8df92794 100644
--- a/src/components/edit_status_form/edit_status_form.js
+++ b/src/components/edit_status_form/edit_status_form.js
@@ -1,5 +1,5 @@
-import PostStatusForm from '../post_status_form/post_status_form.vue'
 import statusPosterService from '../../services/status_poster/status_poster.service.js'
+import PostStatusForm from '../post_status_form/post_status_form.vue'
 
 const EditStatusForm = {
   components: {
diff --git a/src/components/edit_status_modal/edit_status_modal.js b/src/components/edit_status_modal/edit_status_modal.js
index 7daed7c89..022055e47 100644
--- a/src/components/edit_status_modal/edit_status_modal.js
+++ b/src/components/edit_status_modal/edit_status_modal.js
@@ -1,7 +1,7 @@
-import EditStatusForm from '../edit_status_form/edit_status_form.vue'
-import Modal from '../modal/modal.vue'
 import get from 'lodash/get'
 import { useEditStatusStore } from 'src/stores/editStatus'
+import EditStatusForm from '../edit_status_form/edit_status_form.vue'
+import Modal from '../modal/modal.vue'
 
 const EditStatusModal = {
   components: {
diff --git a/src/components/emoji_input/emoji_input.js b/src/components/emoji_input/emoji_input.js
index 8f681c25c..49470bec9 100644
--- a/src/components/emoji_input/emoji_input.js
+++ b/src/components/emoji_input/emoji_input.js
@@ -1,14 +1,14 @@
-import Completion from '../../services/completion/completion.js'
-import genRandomSeed from '../../services/random_seed/random_seed.service.js'
-import EmojiPicker from '../emoji_picker/emoji_picker.vue'
-import Popover from 'src/components/popover/popover.vue'
-import ScreenReaderNotice from 'src/components/screen_reader_notice/screen_reader_notice.vue'
-import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
-import { take } from 'lodash'
-import { findOffset } from '../../services/offset_finder/offset_finder.service.js'
-import { ensureFinalFallback } from '../../i18n/languages.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faSmileBeam } from '@fortawesome/free-regular-svg-icons'
+import { take } from 'lodash'
+import Popover from 'src/components/popover/popover.vue'
+import ScreenReaderNotice from 'src/components/screen_reader_notice/screen_reader_notice.vue'
+import { ensureFinalFallback } from '../../i18n/languages.js'
+import Completion from '../../services/completion/completion.js'
+import { findOffset } from '../../services/offset_finder/offset_finder.service.js'
+import genRandomSeed from '../../services/random_seed/random_seed.service.js'
+import EmojiPicker from '../emoji_picker/emoji_picker.vue'
+import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
 
 library.add(faSmileBeam)
 
diff --git a/src/components/emoji_picker/emoji_picker.js b/src/components/emoji_picker/emoji_picker.js
index 821187ef6..80920a128 100644
--- a/src/components/emoji_picker/emoji_picker.js
+++ b/src/components/emoji_picker/emoji_picker.js
@@ -1,24 +1,24 @@
-import { defineAsyncComponent } from 'vue'
-import Checkbox from '../checkbox/checkbox.vue'
-import Popover from 'src/components/popover/popover.vue'
-import StillImage from '../still-image/still-image.vue'
-import { ensureFinalFallback } from '../../i18n/languages.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faBoxOpen,
-  faStickyNote,
-  faSmileBeam,
-  faSmile,
-  faUser,
-  faPaw,
-  faIceCream,
-  faBus,
   faBasketballBall,
-  faLightbulb,
+  faBoxOpen,
+  faBus,
   faCode,
   faFlag,
+  faIceCream,
+  faLightbulb,
+  faPaw,
+  faSmile,
+  faSmileBeam,
+  faStickyNote,
+  faUser,
 } from '@fortawesome/free-solid-svg-icons'
-import { debounce, trim, chunk } from 'lodash'
+import { chunk, debounce, trim } from 'lodash'
+import Popover from 'src/components/popover/popover.vue'
+import { defineAsyncComponent } from 'vue'
+import { ensureFinalFallback } from '../../i18n/languages.js'
+import Checkbox from '../checkbox/checkbox.vue'
+import StillImage from '../still-image/still-image.vue'
 
 library.add(
   faBoxOpen,
diff --git a/src/components/emoji_reactions/emoji_reactions.js b/src/components/emoji_reactions/emoji_reactions.js
index d15a13489..a21f68f83 100644
--- a/src/components/emoji_reactions/emoji_reactions.js
+++ b/src/components/emoji_reactions/emoji_reactions.js
@@ -1,8 +1,8 @@
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faCheck, faMinus, faPlus } from '@fortawesome/free-solid-svg-icons'
+import StillImage from 'src/components/still-image/still-image.vue'
 import UserAvatar from '../user_avatar/user_avatar.vue'
 import UserListPopover from '../user_list_popover/user_list_popover.vue'
-import StillImage from 'src/components/still-image/still-image.vue'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faPlus, faMinus, faCheck } from '@fortawesome/free-solid-svg-icons'
 
 library.add(faPlus, faMinus, faCheck)
 
diff --git a/src/components/extra_notifications/extra_notifications.js b/src/components/extra_notifications/extra_notifications.js
index b8ead5fe8..f0beeeefd 100644
--- a/src/components/extra_notifications/extra_notifications.js
+++ b/src/components/extra_notifications/extra_notifications.js
@@ -1,15 +1,13 @@
-import { mapGetters } from 'vuex'
-import { mapState as mapPiniaState } from 'pinia'
-import { useAnnouncementsStore } from 'src/stores/announcements'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faUserPlus,
-  faComments,
   faBullhorn,
+  faComments,
+  faUserPlus,
 } from '@fortawesome/free-solid-svg-icons'
-
+import { mapState as mapPiniaState } from 'pinia'
+import { useAnnouncementsStore } from 'src/stores/announcements'
 import { useInterfaceStore } from 'src/stores/interface'
+import { mapGetters } from 'vuex'
 
 library.add(faUserPlus, faComments, faBullhorn)
 
diff --git a/src/components/flash/flash.js b/src/components/flash/flash.js
index fea63c79a..2c1c05ddc 100644
--- a/src/components/flash/flash.js
+++ b/src/components/flash/flash.js
@@ -1,9 +1,9 @@
-import RuffleService from '../../services/ruffle_service/ruffle_service.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faStop,
   faExclamationTriangle,
+  faStop,
 } from '@fortawesome/free-solid-svg-icons'
+import RuffleService from '../../services/ruffle_service/ruffle_service.js'
 
 library.add(faStop, faExclamationTriangle)
 
diff --git a/src/components/follow_button/follow_button.js b/src/components/follow_button/follow_button.js
index 78158ddd3..eb545b28d 100644
--- a/src/components/follow_button/follow_button.js
+++ b/src/components/follow_button/follow_button.js
@@ -1,8 +1,8 @@
-import ConfirmModal from '../confirm_modal/confirm_modal.vue'
 import {
   requestFollow,
   requestUnfollow,
 } from '../../services/follow_manipulate/follow_manipulate'
+import ConfirmModal from '../confirm_modal/confirm_modal.vue'
 export default {
   props: ['relationship', 'user', 'labelFollowing', 'buttonClass'],
   components: {
diff --git a/src/components/follow_card/follow_card.js b/src/components/follow_card/follow_card.js
index 0b54e0806..e4c84dcdd 100644
--- a/src/components/follow_card/follow_card.js
+++ b/src/components/follow_card/follow_card.js
@@ -1,6 +1,6 @@
 import BasicUserCard from '../basic_user_card/basic_user_card.vue'
-import RemoteFollow from '../remote_follow/remote_follow.vue'
 import FollowButton from '../follow_button/follow_button.vue'
+import RemoteFollow from '../remote_follow/remote_follow.vue'
 import RemoveFollowerButton from '../remove_follower_button/remove_follower_button.vue'
 
 const FollowCard = {
diff --git a/src/components/follow_request_card/follow_request_card.js b/src/components/follow_request_card/follow_request_card.js
index ee55e509f..c037ddf42 100644
--- a/src/components/follow_request_card/follow_request_card.js
+++ b/src/components/follow_request_card/follow_request_card.js
@@ -1,6 +1,6 @@
+import { notificationsFromStore } from '../../services/notification_utils/notification_utils.js'
 import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 import ConfirmModal from '../confirm_modal/confirm_modal.vue'
-import { notificationsFromStore } from '../../services/notification_utils/notification_utils.js'
 
 const FollowRequestCard = {
   props: ['user'],
diff --git a/src/components/font_control/font_control.js b/src/components/font_control/font_control.js
index 1db23ad43..c166088bd 100644
--- a/src/components/font_control/font_control.js
+++ b/src/components/font_control/font_control.js
@@ -1,14 +1,13 @@
-import Select from '../select/select.vue'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import Popover from 'src/components/popover/popover.vue'
-import { useInterfaceStore } from 'src/stores/interface'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faExclamationTriangle,
-  faKeyboard,
   faFont,
+  faKeyboard,
 } from '@fortawesome/free-solid-svg-icons'
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import Popover from 'src/components/popover/popover.vue'
+import { useInterfaceStore } from 'src/stores/interface'
+import Select from '../select/select.vue'
 
 library.add(faExclamationTriangle, faKeyboard, faFont)
 
diff --git a/src/components/friends_timeline/friends_timeline.js b/src/components/friends_timeline/friends_timeline.js
index e990ff406..c0c032a8f 100644
--- a/src/components/friends_timeline/friends_timeline.js
+++ b/src/components/friends_timeline/friends_timeline.js
@@ -1,4 +1,5 @@
 import Timeline from '../timeline/timeline.vue'
+
 const FriendsTimeline = {
   components: {
     Timeline,
diff --git a/src/components/gallery/gallery.js b/src/components/gallery/gallery.js
index 40e57fc0c..83999ef25 100644
--- a/src/components/gallery/gallery.js
+++ b/src/components/gallery/gallery.js
@@ -1,6 +1,6 @@
+import { set, sumBy } from 'lodash'
 import { useMediaViewerStore } from 'src/stores/media_viewer'
 import Attachment from '../attachment/attachment.vue'
-import { sumBy, set } from 'lodash'
 
 const Gallery = {
   props: [
diff --git a/src/components/interactions/interactions.js b/src/components/interactions/interactions.js
index a5f3095d9..87e9e1b87 100644
--- a/src/components/interactions/interactions.js
+++ b/src/components/interactions/interactions.js
@@ -1,5 +1,5 @@
-import Notifications from '../notifications/notifications.vue'
 import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
+import Notifications from '../notifications/notifications.vue'
 
 const tabModeDict = {
   mentions: ['mention'],
diff --git a/src/components/interface_language_switcher/interface_language_switcher.js b/src/components/interface_language_switcher/interface_language_switcher.js
index 2599901c6..e0c7ed034 100644
--- a/src/components/interface_language_switcher/interface_language_switcher.js
+++ b/src/components/interface_language_switcher/interface_language_switcher.js
@@ -1,9 +1,7 @@
-import localeService from '../../services/locale/locale.service.js'
-
-import Select from '../select/select.vue'
 import ProfileSettingIndicator from 'src/components/settings_modal/helpers/profile_setting_indicator.vue'
-
 import { v4 as uuidv4 } from 'uuid'
+import localeService from '../../services/locale/locale.service.js'
+import Select from '../select/select.vue'
 
 export default {
   components: {
diff --git a/src/components/lists_edit/lists_edit.js b/src/components/lists_edit/lists_edit.js
index 64badb2d4..42c7721f4 100644
--- a/src/components/lists_edit/lists_edit.js
+++ b/src/components/lists_edit/lists_edit.js
@@ -1,14 +1,14 @@
-import { mapState, mapGetters } from 'vuex'
-import { mapState as mapPiniaState } from 'pinia'
-import BasicUserCard from '../basic_user_card/basic_user_card.vue'
-import ListsUserSearch from '../lists_user_search/lists_user_search.vue'
-import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
-import UserAvatar from '../user_avatar/user_avatar.vue'
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import { faSearch, faChevronLeft } from '@fortawesome/free-solid-svg-icons'
+import { faChevronLeft, faSearch } from '@fortawesome/free-solid-svg-icons'
+import { mapState as mapPiniaState } from 'pinia'
+import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
+import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 import { useInterfaceStore } from 'src/stores/interface'
 import { useListsStore } from 'src/stores/lists'
+import { mapGetters, mapState } from 'vuex'
+import BasicUserCard from '../basic_user_card/basic_user_card.vue'
+import ListsUserSearch from '../lists_user_search/lists_user_search.vue'
+import UserAvatar from '../user_avatar/user_avatar.vue'
 
 library.add(faSearch, faChevronLeft)
 
diff --git a/src/components/lists_menu/lists_menu_content.js b/src/components/lists_menu/lists_menu_content.js
index bf7385403..2f0a9c2d2 100644
--- a/src/components/lists_menu/lists_menu_content.js
+++ b/src/components/lists_menu/lists_menu_content.js
@@ -1,8 +1,8 @@
-import { mapState } from 'vuex'
 import { mapState as mapPiniaState } from 'pinia'
-import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
 import { getListEntries } from 'src/components/navigation/filter.js'
+import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
 import { useListsStore } from 'src/stores/lists'
+import { mapState } from 'vuex'
 
 export const ListsMenuContent = {
   props: ['showPin'],
diff --git a/src/components/lists_timeline/lists_timeline.js b/src/components/lists_timeline/lists_timeline.js
index 429e21867..ae1554eb6 100644
--- a/src/components/lists_timeline/lists_timeline.js
+++ b/src/components/lists_timeline/lists_timeline.js
@@ -1,5 +1,6 @@
 import { useListsStore } from 'src/stores/lists'
 import Timeline from '../timeline/timeline.vue'
+
 const ListsTimeline = {
   data() {
     return {
diff --git a/src/components/lists_user_search/lists_user_search.js b/src/components/lists_user_search/lists_user_search.js
index 68c730bc2..65c55319c 100644
--- a/src/components/lists_user_search/lists_user_search.js
+++ b/src/components/lists_user_search/lists_user_search.js
@@ -1,5 +1,5 @@
 import { library } from '@fortawesome/fontawesome-svg-core'
-import { faSearch, faChevronLeft } from '@fortawesome/free-solid-svg-icons'
+import { faChevronLeft, faSearch } from '@fortawesome/free-solid-svg-icons'
 import { debounce } from 'lodash'
 import Checkbox from '../checkbox/checkbox.vue'
 
diff --git a/src/components/login_form/login_form.js b/src/components/login_form/login_form.js
index 694aebe43..346bdd83d 100644
--- a/src/components/login_form/login_form.js
+++ b/src/components/login_form/login_form.js
@@ -1,10 +1,10 @@
-import { mapState } from 'vuex'
-import { mapStores, mapActions, mapState as mapPiniaState } from 'pinia'
-import oauthApi from '../../services/new_api/oauth.js'
-import { useOAuthStore } from 'src/stores/oauth.js'
-import { useAuthFlowStore } from 'src/stores/auth_flow.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faTimes } from '@fortawesome/free-solid-svg-icons'
+import { mapActions, mapState as mapPiniaState, mapStores } from 'pinia'
+import { useAuthFlowStore } from 'src/stores/auth_flow.js'
+import { useOAuthStore } from 'src/stores/oauth.js'
+import { mapState } from 'vuex'
+import oauthApi from '../../services/new_api/oauth.js'
 
 library.add(faTimes)
 
diff --git a/src/components/media_modal/media_modal.js b/src/components/media_modal/media_modal.js
index 5fc9f7296..f1d116757 100644
--- a/src/components/media_modal/media_modal.js
+++ b/src/components/media_modal/media_modal.js
@@ -1,11 +1,3 @@
-import StillImage from '../still-image/still-image.vue'
-import VideoAttachment from '../video_attachment/video_attachment.vue'
-import Modal from '../modal/modal.vue'
-import PinchZoom from '../pinch_zoom/pinch_zoom.vue'
-import SwipeClick from '../swipe_click/swipe_click.vue'
-import GestureService from '../../services/gesture_service/gesture_service'
-import Flash from 'src/components/flash/flash.vue'
-import fileTypeService from '../../services/file_type/file_type.service.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faChevronLeft,
@@ -13,7 +5,15 @@ import {
   faCircleNotch,
   faTimes,
 } from '@fortawesome/free-solid-svg-icons'
+import Flash from 'src/components/flash/flash.vue'
 import { useMediaViewerStore } from 'src/stores/media_viewer'
+import fileTypeService from '../../services/file_type/file_type.service.js'
+import GestureService from '../../services/gesture_service/gesture_service'
+import Modal from '../modal/modal.vue'
+import PinchZoom from '../pinch_zoom/pinch_zoom.vue'
+import StillImage from '../still-image/still-image.vue'
+import SwipeClick from '../swipe_click/swipe_click.vue'
+import VideoAttachment from '../video_attachment/video_attachment.vue'
 
 library.add(faChevronLeft, faChevronRight, faCircleNotch, faTimes)
 
diff --git a/src/components/media_upload/media_upload.js b/src/components/media_upload/media_upload.js
index 37d1a76cd..92d34b4c9 100644
--- a/src/components/media_upload/media_upload.js
+++ b/src/components/media_upload/media_upload.js
@@ -1,9 +1,9 @@
 /* eslint-env browser */
-import statusPosterService from '../../services/status_poster/status_poster.service.js'
-import fileSizeFormatService from '../../services/file_size_format/file_size_format.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
-import { faUpload, faCircleNotch } from '@fortawesome/free-solid-svg-icons'
+import { faCircleNotch, faUpload } from '@fortawesome/free-solid-svg-icons'
+import fileSizeFormatService from '../../services/file_size_format/file_size_format.js'
+import statusPosterService from '../../services/status_poster/status_poster.service.js'
 
 library.add(faUpload, faCircleNotch)
 
diff --git a/src/components/mention_link/mention_link.js b/src/components/mention_link/mention_link.js
index d2cf0f401..ee35ce88b 100644
--- a/src/components/mention_link/mention_link.js
+++ b/src/components/mention_link/mention_link.js
@@ -1,14 +1,14 @@
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faAt } from '@fortawesome/free-solid-svg-icons'
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
+import { defineAsyncComponent } from 'vue'
 import { mapGetters, mapState } from 'vuex'
 import {
   highlightClass,
   highlightStyle,
 } from '../../services/user_highlighter/user_highlighter.js'
-import UserAvatar from '../user_avatar/user_avatar.vue'
 import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
-import { defineAsyncComponent } from 'vue'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faAt } from '@fortawesome/free-solid-svg-icons'
+import UserAvatar from '../user_avatar/user_avatar.vue'
 
 library.add(faAt)
 
diff --git a/src/components/mfa_form/recovery_form.js b/src/components/mfa_form/recovery_form.js
index 179eb3add..015c310c7 100644
--- a/src/components/mfa_form/recovery_form.js
+++ b/src/components/mfa_form/recovery_form.js
@@ -1,10 +1,10 @@
-import mfaApi from '../../services/new_api/mfa.js'
-import { mapState } from 'vuex'
-import { mapStores, mapActions, mapState as mapPiniaState } from 'pinia'
-import { useOAuthStore } from 'src/stores/oauth.js'
-import { useAuthFlowStore } from 'src/stores/auth_flow.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faTimes } from '@fortawesome/free-solid-svg-icons'
+import { mapActions, mapState as mapPiniaState, mapStores } from 'pinia'
+import { useAuthFlowStore } from 'src/stores/auth_flow.js'
+import { useOAuthStore } from 'src/stores/oauth.js'
+import { mapState } from 'vuex'
+import mfaApi from '../../services/new_api/mfa.js'
 
 library.add(faTimes)
 
diff --git a/src/components/mfa_form/totp_form.js b/src/components/mfa_form/totp_form.js
index 21ef7ca67..006c2ac6e 100644
--- a/src/components/mfa_form/totp_form.js
+++ b/src/components/mfa_form/totp_form.js
@@ -1,10 +1,10 @@
-import mfaApi from '../../services/new_api/mfa.js'
-import { mapState } from 'vuex'
-import { mapStores, mapActions, mapState as mapPiniaState } from 'pinia'
-import { useOAuthStore } from 'src/stores/oauth.js'
-import { useAuthFlowStore } from 'src/stores/auth_flow.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faTimes } from '@fortawesome/free-solid-svg-icons'
+import { mapActions, mapState as mapPiniaState, mapStores } from 'pinia'
+import { useAuthFlowStore } from 'src/stores/auth_flow.js'
+import { useOAuthStore } from 'src/stores/oauth.js'
+import { mapState } from 'vuex'
+import mfaApi from '../../services/new_api/mfa.js'
 
 library.add(faTimes)
 
diff --git a/src/components/mobile_nav/mobile_nav.js b/src/components/mobile_nav/mobile_nav.js
index 1915f74a4..382966837 100644
--- a/src/components/mobile_nav/mobile_nav.js
+++ b/src/components/mobile_nav/mobile_nav.js
@@ -1,28 +1,26 @@
-import SideDrawer from '../side_drawer/side_drawer.vue'
-import Notifications from '../notifications/notifications.vue'
-import ConfirmModal from '../confirm_modal/confirm_modal.vue'
-import GestureService from '../../services/gesture_service/gesture_service'
-import NavigationPins from 'src/components/navigation/navigation_pins.vue'
-
+import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  unseenNotificationsFromStore,
-  countExtraNotifications,
-} from '../../services/notification_utils/notification_utils'
-
-import { mapGetters } from 'vuex'
+  faArrowUp,
+  faBars,
+  faBell,
+  faCheckDouble,
+  faMinus,
+  faTimes,
+} from '@fortawesome/free-solid-svg-icons'
 import { mapState } from 'pinia'
+import NavigationPins from 'src/components/navigation/navigation_pins.vue'
 import { useAnnouncementsStore } from 'src/stores/announcements'
 import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
 
-import { library } from '@fortawesome/fontawesome-svg-core'
+import { mapGetters } from 'vuex'
+import GestureService from '../../services/gesture_service/gesture_service'
 import {
-  faTimes,
-  faBell,
-  faBars,
-  faArrowUp,
-  faMinus,
-  faCheckDouble,
-} from '@fortawesome/free-solid-svg-icons'
+  countExtraNotifications,
+  unseenNotificationsFromStore,
+} from '../../services/notification_utils/notification_utils'
+import ConfirmModal from '../confirm_modal/confirm_modal.vue'
+import Notifications from '../notifications/notifications.vue'
+import SideDrawer from '../side_drawer/side_drawer.vue'
 
 library.add(faTimes, faBell, faBars, faArrowUp, faMinus, faCheckDouble)
 
diff --git a/src/components/mobile_post_status_button/mobile_post_status_button.js b/src/components/mobile_post_status_button/mobile_post_status_button.js
index 4dce38e2b..3972e0e44 100644
--- a/src/components/mobile_post_status_button/mobile_post_status_button.js
+++ b/src/components/mobile_post_status_button/mobile_post_status_button.js
@@ -1,6 +1,6 @@
-import { debounce } from 'lodash'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faPen } from '@fortawesome/free-solid-svg-icons'
+import { debounce } from 'lodash'
 import { usePostStatusStore } from 'src/stores/post_status'
 
 library.add(faPen)
diff --git a/src/components/mrf_transparency_panel/mrf_transparency_panel.js b/src/components/mrf_transparency_panel/mrf_transparency_panel.js
index 98d63ef4a..2bd82f486 100644
--- a/src/components/mrf_transparency_panel/mrf_transparency_panel.js
+++ b/src/components/mrf_transparency_panel/mrf_transparency_panel.js
@@ -1,5 +1,5 @@
-import { mapState } from 'vuex'
 import { get } from 'lodash'
+import { mapState } from 'vuex'
 
 /**
  * This is for backwards compatibility. We originally didn't recieve
diff --git a/src/components/mute_card/mute_card.js b/src/components/mute_card/mute_card.js
index ce3bab6d7..aaad96863 100644
--- a/src/components/mute_card/mute_card.js
+++ b/src/components/mute_card/mute_card.js
@@ -1,5 +1,5 @@
-import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
+import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 
 const MuteCard = {
   props: ['userId'],
diff --git a/src/components/nav_panel/nav_panel.js b/src/components/nav_panel/nav_panel.js
index 4eff8a513..4a81978e7 100644
--- a/src/components/nav_panel/nav_panel.js
+++ b/src/components/nav_panel/nav_panel.js
@@ -1,33 +1,31 @@
-import BookmarkFoldersMenuContent from 'src/components/bookmark_folders_menu/bookmark_folders_menu_content.vue'
-import ListsMenuContent from 'src/components/lists_menu/lists_menu_content.vue'
-import { mapState, mapGetters } from 'vuex'
-import { mapState as mapPiniaState } from 'pinia'
-import { TIMELINES, ROOT_ITEMS } from 'src/components/navigation/navigation.js'
-import { filterNavigation } from 'src/components/navigation/filter.js'
-import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
-import NavigationPins from 'src/components/navigation/navigation_pins.vue'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-
-import { useAnnouncementsStore } from 'src/stores/announcements'
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faUsers,
-  faGlobe,
-  faCity,
+  faBell,
   faBookmark,
-  faEnvelope,
+  faBullhorn,
   faChevronDown,
   faChevronUp,
+  faCity,
   faComments,
-  faBell,
-  faInfoCircle,
-  faStream,
-  faList,
-  faBullhorn,
+  faEnvelope,
   faFilePen,
+  faGlobe,
+  faInfoCircle,
+  faList,
+  faStream,
+  faUsers,
 } from '@fortawesome/free-solid-svg-icons'
+import { mapState as mapPiniaState } from 'pinia'
+import BookmarkFoldersMenuContent from 'src/components/bookmark_folders_menu/bookmark_folders_menu_content.vue'
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import ListsMenuContent from 'src/components/lists_menu/lists_menu_content.vue'
+import { filterNavigation } from 'src/components/navigation/filter.js'
+import { ROOT_ITEMS, TIMELINES } from 'src/components/navigation/navigation.js'
+import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
+import NavigationPins from 'src/components/navigation/navigation_pins.vue'
+import { useAnnouncementsStore } from 'src/stores/announcements'
+import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import { mapGetters, mapState } from 'vuex'
 
 library.add(
   faUsers,
diff --git a/src/components/navigation/navigation_entry.js b/src/components/navigation/navigation_entry.js
index 745163261..ae0bbd305 100644
--- a/src/components/navigation/navigation_entry.js
+++ b/src/components/navigation/navigation_entry.js
@@ -1,12 +1,11 @@
-import { mapState } from 'vuex'
-import { routeTo } from 'src/components/navigation/navigation.js'
-import OptionalRouterLink from 'src/components/optional_router_link/optional_router_link.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faThumbtack } from '@fortawesome/free-solid-svg-icons'
-import { mapStores, mapState as mapPiniaState } from 'pinia'
-
+import { mapState as mapPiniaState, mapStores } from 'pinia'
+import { routeTo } from 'src/components/navigation/navigation.js'
+import OptionalRouterLink from 'src/components/optional_router_link/optional_router_link.vue'
 import { useAnnouncementsStore } from 'src/stores/announcements'
 import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import { mapState } from 'vuex'
 
 library.add(faThumbtack)
 
diff --git a/src/components/navigation/navigation_pins.js b/src/components/navigation/navigation_pins.js
index b40ea5563..5bc349d01 100644
--- a/src/components/navigation/navigation_pins.js
+++ b/src/components/navigation/navigation_pins.js
@@ -1,35 +1,33 @@
-import { mapState } from 'vuex'
-import { mapState as mapPiniaState } from 'pinia'
-import {
-  TIMELINES,
-  ROOT_ITEMS,
-  routeTo,
-} from 'src/components/navigation/navigation.js'
-import {
-  getBookmarkFolderEntries,
-  getListEntries,
-  filterNavigation,
-} from 'src/components/navigation/filter.js'
-
-import StillImage from 'src/components/still-image/still-image.vue'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faUsers,
-  faGlobe,
-  faCity,
-  faBookmark,
-  faEnvelope,
-  faComments,
   faBell,
+  faBookmark,
+  faCity,
+  faComments,
+  faEnvelope,
+  faGlobe,
   faInfoCircle,
-  faStream,
   faList,
+  faStream,
+  faUsers,
 } from '@fortawesome/free-solid-svg-icons'
-import { useListsStore } from 'src/stores/lists'
+import { mapState as mapPiniaState } from 'pinia'
+import {
+  filterNavigation,
+  getBookmarkFolderEntries,
+  getListEntries,
+} from 'src/components/navigation/filter.js'
+import {
+  ROOT_ITEMS,
+  routeTo,
+  TIMELINES,
+} from 'src/components/navigation/navigation.js'
+import StillImage from 'src/components/still-image/still-image.vue'
 import { useAnnouncementsStore } from 'src/stores/announcements'
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
+import { useListsStore } from 'src/stores/lists'
 import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import { mapState } from 'vuex'
 
 library.add(
   faUsers,
diff --git a/src/components/notification/notification.js b/src/components/notification/notification.js
index 1feef0cf2..20285168d 100644
--- a/src/components/notification/notification.js
+++ b/src/components/notification/notification.js
@@ -1,33 +1,33 @@
-import StatusContent from '../status_content/status_content.vue'
-import { mapState } from 'vuex'
-import Status from '../status/status.vue'
-import UserAvatar from '../user_avatar/user_avatar.vue'
-import UserCard from '../user_card/user_card.vue'
-import Timeago from '../timeago/timeago.vue'
-import Report from '../report/report.vue'
-import UserLink from '../user_link/user_link.vue'
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faCheck,
+  faCompressAlt,
+  faExpandAlt,
+  faEyeSlash,
+  faRetweet,
+  faStar,
+  faSuitcaseRolling,
+  faTimes,
+  faUser,
+  faUserPlus,
+} from '@fortawesome/free-solid-svg-icons'
 import RichContent from 'src/components/rich_content/rich_content.jsx'
-import UserPopover from '../user_popover/user_popover.vue'
-import ConfirmModal from '../confirm_modal/confirm_modal.vue'
+import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
+import { mapState } from 'vuex'
 import { isStatusNotification } from '../../services/notification_utils/notification_utils.js'
 import {
   highlightClass,
   highlightStyle,
 } from '../../services/user_highlighter/user_highlighter.js'
-import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faCheck,
-  faTimes,
-  faStar,
-  faRetweet,
-  faUserPlus,
-  faEyeSlash,
-  faUser,
-  faSuitcaseRolling,
-  faExpandAlt,
-  faCompressAlt,
-} from '@fortawesome/free-solid-svg-icons'
+import ConfirmModal from '../confirm_modal/confirm_modal.vue'
+import Report from '../report/report.vue'
+import Status from '../status/status.vue'
+import StatusContent from '../status_content/status_content.vue'
+import Timeago from '../timeago/timeago.vue'
+import UserAvatar from '../user_avatar/user_avatar.vue'
+import UserCard from '../user_card/user_card.vue'
+import UserLink from '../user_link/user_link.vue'
+import UserPopover from '../user_popover/user_popover.vue'
 
 library.add(
   faCheck,
diff --git a/src/components/notifications/notification_filters.vue b/src/components/notifications/notification_filters.vue
index af4f412cd..674acdec5 100644
--- a/src/components/notifications/notification_filters.vue
+++ b/src/components/notifications/notification_filters.vue
@@ -106,9 +106,9 @@
 </template>
 
 <script>
-import Popover from '../popover/popover.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faFilter } from '@fortawesome/free-solid-svg-icons'
+import Popover from '../popover/popover.vue'
 
 library.add(faFilter)
 
diff --git a/src/components/notifications/notifications.js b/src/components/notifications/notifications.js
index 1decc6646..236d7ddf5 100644
--- a/src/components/notifications/notifications.js
+++ b/src/components/notifications/notifications.js
@@ -1,26 +1,26 @@
-import { computed } from 'vue'
-import { mapGetters } from 'vuex'
-import { mapState } from 'pinia'
-import Notification from '../notification/notification.vue'
-import ExtraNotifications from '../extra_notifications/extra_notifications.vue'
-import NotificationFilters from './notification_filters.vue'
-import notificationsFetcher from '../../services/notifications_fetcher/notifications_fetcher.service.js'
-import {
-  notificationsFromStore,
-  filteredNotificationsFromStore,
-  unseenNotificationsFromStore,
-  countExtraNotifications,
-  ACTIONABLE_NOTIFICATION_TYPES,
-} from '../../services/notification_utils/notification_utils.js'
-import FaviconService from '../../services/favicon_service/favicon_service.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faCircleNotch,
   faArrowUp,
+  faCircleNotch,
   faMinus,
 } from '@fortawesome/free-solid-svg-icons'
-import { useInterfaceStore } from 'src/stores/interface'
+import { mapState } from 'pinia'
 import { useAnnouncementsStore } from 'src/stores/announcements'
+import { useInterfaceStore } from 'src/stores/interface'
+import { computed } from 'vue'
+import { mapGetters } from 'vuex'
+import FaviconService from '../../services/favicon_service/favicon_service.js'
+import {
+  ACTIONABLE_NOTIFICATION_TYPES,
+  countExtraNotifications,
+  filteredNotificationsFromStore,
+  notificationsFromStore,
+  unseenNotificationsFromStore,
+} from '../../services/notification_utils/notification_utils.js'
+import notificationsFetcher from '../../services/notifications_fetcher/notifications_fetcher.service.js'
+import ExtraNotifications from '../extra_notifications/extra_notifications.vue'
+import Notification from '../notification/notification.vue'
+import NotificationFilters from './notification_filters.vue'
 
 library.add(faCircleNotch, faArrowUp, faMinus)
 
diff --git a/src/components/oauth_callback/oauth_callback.js b/src/components/oauth_callback/oauth_callback.js
index b28276ee0..82c3db047 100644
--- a/src/components/oauth_callback/oauth_callback.js
+++ b/src/components/oauth_callback/oauth_callback.js
@@ -1,5 +1,5 @@
-import oauth from '../../services/new_api/oauth.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
+import oauth from '../../services/new_api/oauth.js'
 
 const oac = {
   props: ['code'],
diff --git a/src/components/palette_editor/palette_editor.vue b/src/components/palette_editor/palette_editor.vue
index 66914cc82..eeb523786 100644
--- a/src/components/palette_editor/palette_editor.vue
+++ b/src/components/palette_editor/palette_editor.vue
@@ -45,18 +45,15 @@
 </template>
 
 <script setup>
-import { computed } from 'vue'
-
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faFileExport, faFileImport } from '@fortawesome/free-solid-svg-icons'
 import ColorInput from 'src/components/color_input/color_input.vue'
 import {
-  newImporter,
   newExporter,
+  newImporter,
 } from 'src/services/export_import/export_import.js'
-
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faFileImport, faFileExport } from '@fortawesome/free-solid-svg-icons'
-
 import { useInterfaceStore } from 'src/stores/interface'
+import { computed } from 'vue'
 
 library.add(faFileImport, faFileExport)
 
diff --git a/src/components/password_reset/password_reset.js b/src/components/password_reset/password_reset.js
index 62b8fe521..c7e78da2d 100644
--- a/src/components/password_reset/password_reset.js
+++ b/src/components/password_reset/password_reset.js
@@ -1,7 +1,7 @@
-import { mapState } from 'vuex'
-import passwordResetApi from '../../services/new_api/password_reset.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faTimes } from '@fortawesome/free-solid-svg-icons'
+import { mapState } from 'vuex'
+import passwordResetApi from '../../services/new_api/password_reset.js'
 
 library.add(faTimes)
 
diff --git a/src/components/poll/poll.js b/src/components/poll/poll.js
index 50d135268..2894a60e1 100644
--- a/src/components/poll/poll.js
+++ b/src/components/poll/poll.js
@@ -1,8 +1,8 @@
-import Timeago from 'components/timeago/timeago.vue'
-import genRandomSeed from '../../services/random_seed/random_seed.service.js'
-import RichContent from 'components/rich_content/rich_content.jsx'
 import Checkbox from 'components/checkbox/checkbox.vue'
+import RichContent from 'components/rich_content/rich_content.jsx'
+import Timeago from 'components/timeago/timeago.vue'
 import { usePollsStore } from 'src/stores/polls'
+import genRandomSeed from '../../services/random_seed/random_seed.service.js'
 
 export default {
   name: 'Poll',
diff --git a/src/components/poll/poll_form.js b/src/components/poll/poll_form.js
index 55a7442c2..1e2d0f22d 100644
--- a/src/components/poll/poll_form.js
+++ b/src/components/poll/poll_form.js
@@ -1,8 +1,8 @@
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faPlus, faTimes } from '@fortawesome/free-solid-svg-icons'
 import * as DateUtils from 'src/services/date_utils/date_utils.js'
 import { pollFallback } from 'src/services/poll/poll.service.js'
-import { library } from '@fortawesome/fontawesome-svg-core'
 import Select from '../select/select.vue'
-import { faTimes, faPlus } from '@fortawesome/free-solid-svg-icons'
 
 library.add(faTimes, faPlus)
 
diff --git a/src/components/post_status_form/post_status_form.js b/src/components/post_status_form/post_status_form.js
index 4fbcfce66..530620397 100644
--- a/src/components/post_status_form/post_status_form.js
+++ b/src/components/post_status_form/post_status_form.js
@@ -1,40 +1,38 @@
-import statusPoster from '../../services/status_poster/status_poster.service.js'
-import genRandomSeed from '../../services/random_seed/random_seed.service.js'
-import MediaUpload from '../media_upload/media_upload.vue'
-import ScopeSelector from '../scope_selector/scope_selector.vue'
-import EmojiInput from '../emoji_input/emoji_input.vue'
-import PollForm from '../poll/poll_form.vue'
-import Attachment from '../attachment/attachment.vue'
-import Gallery from 'src/components/gallery/gallery.vue'
-import StatusContent from '../status_content/status_content.vue'
-import Popover from 'src/components/popover/popover.vue'
-import fileTypeService from '../../services/file_type/file_type.service.js'
-import { findOffset } from '../../services/offset_finder/offset_finder.service.js'
-import { propsToNative } from '../../services/attributes_helper/attributes_helper.service.js'
-import { pollFormToMasto } from 'src/services/poll/poll.service.js'
-import { reject, map, uniqBy, debounce } from 'lodash'
-import suggestor from '../emoji_input/suggestor.js'
-import { mapGetters } from 'vuex'
-import { mapState, mapActions } from 'pinia'
-import Checkbox from '../checkbox/checkbox.vue'
-import Select from '../select/select.vue'
-import DraftCloser from 'src/components/draft_closer/draft_closer.vue'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faSmileBeam,
-  faPollH,
-  faUpload,
   faBan,
-  faTimes,
-  faCircleNotch,
   faChevronDown,
   faChevronLeft,
   faChevronRight,
+  faCircleNotch,
+  faPollH,
+  faSmileBeam,
+  faTimes,
+  faUpload,
 } from '@fortawesome/free-solid-svg-icons'
-
+import { debounce, map, reject, uniqBy } from 'lodash'
+import { mapActions, mapState } from 'pinia'
+import DraftCloser from 'src/components/draft_closer/draft_closer.vue'
+import Gallery from 'src/components/gallery/gallery.vue'
+import Popover from 'src/components/popover/popover.vue'
+import { pollFormToMasto } from 'src/services/poll/poll.service.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMediaViewerStore } from 'src/stores/media_viewer.js'
+import { mapGetters } from 'vuex'
+import { propsToNative } from '../../services/attributes_helper/attributes_helper.service.js'
+import fileTypeService from '../../services/file_type/file_type.service.js'
+import { findOffset } from '../../services/offset_finder/offset_finder.service.js'
+import genRandomSeed from '../../services/random_seed/random_seed.service.js'
+import statusPoster from '../../services/status_poster/status_poster.service.js'
+import Attachment from '../attachment/attachment.vue'
+import Checkbox from '../checkbox/checkbox.vue'
+import EmojiInput from '../emoji_input/emoji_input.vue'
+import suggestor from '../emoji_input/suggestor.js'
+import MediaUpload from '../media_upload/media_upload.vue'
+import PollForm from '../poll/poll_form.vue'
+import ScopeSelector from '../scope_selector/scope_selector.vue'
+import Select from '../select/select.vue'
+import StatusContent from '../status_content/status_content.vue'
 
 library.add(
   faSmileBeam,
diff --git a/src/components/post_status_modal/post_status_modal.js b/src/components/post_status_modal/post_status_modal.js
index 0087bd292..2643f0822 100644
--- a/src/components/post_status_modal/post_status_modal.js
+++ b/src/components/post_status_modal/post_status_modal.js
@@ -1,7 +1,7 @@
-import PostStatusForm from '../post_status_form/post_status_form.vue'
-import Modal from '../modal/modal.vue'
 import get from 'lodash/get'
 import { usePostStatusStore } from 'src/stores/post_status'
+import Modal from '../modal/modal.vue'
+import PostStatusForm from '../post_status_form/post_status_form.vue'
 
 const PostStatusModal = {
   components: {
diff --git a/src/components/public_and_external_timeline/public_and_external_timeline.js b/src/components/public_and_external_timeline/public_and_external_timeline.js
index a4e1f0be7..b6e53a4cf 100644
--- a/src/components/public_and_external_timeline/public_and_external_timeline.js
+++ b/src/components/public_and_external_timeline/public_and_external_timeline.js
@@ -1,4 +1,5 @@
 import Timeline from '../timeline/timeline.vue'
+
 const PublicAndExternalTimeline = {
   components: {
     Timeline,
diff --git a/src/components/public_timeline/public_timeline.js b/src/components/public_timeline/public_timeline.js
index 88b3b4f91..b9d136e29 100644
--- a/src/components/public_timeline/public_timeline.js
+++ b/src/components/public_timeline/public_timeline.js
@@ -1,4 +1,5 @@
 import Timeline from '../timeline/timeline.vue'
+
 const PublicTimeline = {
   components: {
     Timeline,
diff --git a/src/components/quick_filter_settings/quick_filter_settings.js b/src/components/quick_filter_settings/quick_filter_settings.js
index cf59a8b7a..4e5960901 100644
--- a/src/components/quick_filter_settings/quick_filter_settings.js
+++ b/src/components/quick_filter_settings/quick_filter_settings.js
@@ -1,9 +1,9 @@
-import Popover from '../popover/popover.vue'
-import { mapGetters } from 'vuex'
-import { mapState } from 'pinia'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faFilter, faFont, faWrench } from '@fortawesome/free-solid-svg-icons'
+import { mapState } from 'pinia'
 import { useInterfaceStore } from 'src/stores/interface'
+import { mapGetters } from 'vuex'
+import Popover from '../popover/popover.vue'
 
 library.add(faFilter, faFont, faWrench)
 
diff --git a/src/components/quick_view_settings/quick_view_settings.js b/src/components/quick_view_settings/quick_view_settings.js
index 084ad4387..e3606d116 100644
--- a/src/components/quick_view_settings/quick_view_settings.js
+++ b/src/components/quick_view_settings/quick_view_settings.js
@@ -1,15 +1,15 @@
-import Popover from 'src/components/popover/popover.vue'
-import QuickFilterSettings from 'src/components/quick_filter_settings/quick_filter_settings.vue'
-import { mapGetters } from 'vuex'
-import { mapState } from 'pinia'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faList,
-  faFolderTree,
   faBars,
+  faFolderTree,
+  faList,
   faWrench,
 } from '@fortawesome/free-solid-svg-icons'
+import { mapState } from 'pinia'
+import Popover from 'src/components/popover/popover.vue'
+import QuickFilterSettings from 'src/components/quick_filter_settings/quick_filter_settings.vue'
 import { useInterfaceStore } from 'src/stores/interface'
+import { mapGetters } from 'vuex'
 
 library.add(faList, faFolderTree, faBars, faWrench)
 
diff --git a/src/components/registration/registration.js b/src/components/registration/registration.js
index 430ef597b..a84031fe4 100644
--- a/src/components/registration/registration.js
+++ b/src/components/registration/registration.js
@@ -1,9 +1,9 @@
 import useVuelidate from '@vuelidate/core'
 import { required, requiredIf, sameAs } from '@vuelidate/validators'
-import { mapActions, mapState } from 'vuex'
-import InterfaceLanguageSwitcher from '../interface_language_switcher/interface_language_switcher.vue'
-import localeService from '../../services/locale/locale.service.js'
 import { DAY } from 'src/services/date_utils/date_utils.js'
+import { mapActions, mapState } from 'vuex'
+import localeService from '../../services/locale/locale.service.js'
+import InterfaceLanguageSwitcher from '../interface_language_switcher/interface_language_switcher.vue'
 import TermsOfServicePanel from '../terms_of_service_panel/terms_of_service_panel.vue'
 
 const registration = {
diff --git a/src/components/report/report.js b/src/components/report/report.js
index 2b31ad116..a4df8eb6c 100644
--- a/src/components/report/report.js
+++ b/src/components/report/report.js
@@ -1,9 +1,9 @@
+import RichContent from 'src/components/rich_content/rich_content.jsx'
+import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 import { useReportsStore } from 'src/stores/reports'
 import Select from '../select/select.vue'
 import StatusContent from '../status_content/status_content.vue'
 import Timeago from '../timeago/timeago.vue'
-import RichContent from 'src/components/rich_content/rich_content.jsx'
-import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 
 const Report = {
   props: ['reportId'],
diff --git a/src/components/rich_content/rich_content.jsx b/src/components/rich_content/rich_content.jsx
index 778a30192..1815ba43e 100644
--- a/src/components/rich_content/rich_content.jsx
+++ b/src/components/rich_content/rich_content.jsx
@@ -1,15 +1,15 @@
-import { unescape, flattenDeep } from 'lodash'
+import { flattenDeep, unescape } from 'lodash'
+import HashtagLink from 'src/components/hashtag_link/hashtag_link.vue'
+import { MENTIONS_LIMIT } from 'src/components/mentions_line/mentions_line.js'
+import MentionsLine from 'src/components/mentions_line/mentions_line.vue'
+import StillImageEmojiPopover from 'src/components/still-image/still-image-emoji-popover.vue'
+import { convertHtmlToLines } from 'src/services/html_converter/html_line_converter.service.js'
+import { convertHtmlToTree } from 'src/services/html_converter/html_tree_converter.service.js'
 import {
+  getAttrs,
   getTagName,
   processTextForEmoji,
-  getAttrs,
 } from 'src/services/html_converter/utility.service.js'
-import { convertHtmlToTree } from 'src/services/html_converter/html_tree_converter.service.js'
-import { convertHtmlToLines } from 'src/services/html_converter/html_line_converter.service.js'
-import StillImageEmojiPopover from 'src/components/still-image/still-image-emoji-popover.vue'
-import MentionsLine from 'src/components/mentions_line/mentions_line.vue'
-import { MENTIONS_LIMIT } from 'src/components/mentions_line/mentions_line.js'
-import HashtagLink from 'src/components/hashtag_link/hashtag_link.vue'
 
 import './rich_content.scss'
 
diff --git a/src/components/scope_selector/scope_selector.js b/src/components/scope_selector/scope_selector.js
index bc644d743..9d3a3a718 100644
--- a/src/components/scope_selector/scope_selector.js
+++ b/src/components/scope_selector/scope_selector.js
@@ -1,9 +1,9 @@
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faEnvelope,
+  faGlobe,
   faLock,
   faLockOpen,
-  faGlobe,
 } from '@fortawesome/free-solid-svg-icons'
 
 library.add(faEnvelope, faGlobe, faLock, faLockOpen)
diff --git a/src/components/search/search.js b/src/components/search/search.js
index 275672a15..1625fe691 100644
--- a/src/components/search/search.js
+++ b/src/components/search/search.js
@@ -1,11 +1,11 @@
-import FollowCard from '../follow_card/follow_card.vue'
-import Conversation from '../conversation/conversation.vue'
-import Status from '../status/status.vue'
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
-import map from 'lodash/map'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch, faSearch } from '@fortawesome/free-solid-svg-icons'
 import { uniqBy } from 'lodash'
+import map from 'lodash/map'
+import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
+import Conversation from '../conversation/conversation.vue'
+import FollowCard from '../follow_card/follow_card.vue'
+import Status from '../status/status.vue'
 
 library.add(faCircleNotch, faSearch)
 
diff --git a/src/components/search_bar/search_bar.js b/src/components/search_bar/search_bar.js
index b270077e8..ebe30d303 100644
--- a/src/components/search_bar/search_bar.js
+++ b/src/components/search_bar/search_bar.js
@@ -1,5 +1,5 @@
 import { library } from '@fortawesome/fontawesome-svg-core'
-import { faTimes, faSearch } from '@fortawesome/free-solid-svg-icons'
+import { faSearch, faTimes } from '@fortawesome/free-solid-svg-icons'
 
 library.add(faTimes, faSearch)
 
diff --git a/src/components/selectable_list/selectable_list.js b/src/components/selectable_list/selectable_list.js
index a8a7dd9e0..b08a3e9a5 100644
--- a/src/components/selectable_list/selectable_list.js
+++ b/src/components/selectable_list/selectable_list.js
@@ -1,5 +1,5 @@
-import List from '../list/list.vue'
 import Checkbox from '../checkbox/checkbox.vue'
+import List from '../list/list.vue'
 
 const SelectableList = {
   components: {
diff --git a/src/components/settings_modal/admin_tabs/auth_tab.js b/src/components/settings_modal/admin_tabs/auth_tab.js
index d287257d5..627150587 100644
--- a/src/components/settings_modal/admin_tabs/auth_tab.js
+++ b/src/components/settings_modal/admin_tabs/auth_tab.js
@@ -1,14 +1,13 @@
+import AttachmentSetting from '../helpers/attachment_setting.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import StringSetting from '../helpers/string_setting.vue'
-import TupleSetting from '../helpers/tuple_setting.vue'
 import GroupSetting from '../helpers/group_setting.vue'
-import AttachmentSetting from '../helpers/attachment_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
 import ListSetting from '../helpers/list_setting.vue'
 import MapSetting from '../helpers/map_setting.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
+import TupleSetting from '../helpers/tuple_setting.vue'
 
 const AuthTab = {
   provide() {
diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.js b/src/components/settings_modal/admin_tabs/emoji_tab.js
index 950e5d2ac..69605ff03 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.js
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.js
@@ -1,23 +1,22 @@
-import { clone, assign } from 'lodash'
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
-import StringSetting from '../helpers/string_setting.vue'
-import Checkbox from 'components/checkbox/checkbox.vue'
-import StillImage from 'components/still-image/still-image.vue'
-import Select from 'components/select/select.vue'
-import Popover from 'components/popover/popover.vue'
-import ConfirmModal from 'components/confirm_modal/confirm_modal.vue'
-import ModifiedIndicator from '../helpers/modified_indicator.vue'
-import EmojiEditingPopover from '../helpers/emoji_editing_popover.vue'
-import { useInterfaceStore } from 'src/stores/interface'
-
-import SharedComputedObject from '../helpers/shared_computed_object.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faArrowsRotate,
+  faDownload,
   faFolderOpen,
   faServer,
-  faDownload,
 } from '@fortawesome/free-solid-svg-icons'
+import Checkbox from 'components/checkbox/checkbox.vue'
+import ConfirmModal from 'components/confirm_modal/confirm_modal.vue'
+import Popover from 'components/popover/popover.vue'
+import Select from 'components/select/select.vue'
+import StillImage from 'components/still-image/still-image.vue'
+import { assign, clone } from 'lodash'
+import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
+import { useInterfaceStore } from 'src/stores/interface'
+import EmojiEditingPopover from '../helpers/emoji_editing_popover.vue'
+import ModifiedIndicator from '../helpers/modified_indicator.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
 
 library.add(faArrowsRotate, faFolderOpen, faDownload, faServer)
 
diff --git a/src/components/settings_modal/admin_tabs/federation_tab.js b/src/components/settings_modal/admin_tabs/federation_tab.js
index 55d708a92..33c688eb4 100644
--- a/src/components/settings_modal/admin_tabs/federation_tab.js
+++ b/src/components/settings_modal/admin_tabs/federation_tab.js
@@ -1,13 +1,12 @@
-import BooleanSetting from '../helpers/boolean_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import StringSetting from '../helpers/string_setting.vue'
-import GroupSetting from '../helpers/group_setting.vue'
 import AttachmentSetting from '../helpers/attachment_setting.vue'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
 import ListSetting from '../helpers/list_setting.vue'
 import ListTupleSetting from '../helpers/list_tuple_setting.vue'
 import MapSetting from '../helpers/map_setting.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
 
 const FederationTab = {
   provide() {
diff --git a/src/components/settings_modal/admin_tabs/frontends_tab.js b/src/components/settings_modal/admin_tabs/frontends_tab.js
index befe6fbad..92faa169d 100644
--- a/src/components/settings_modal/admin_tabs/frontends_tab.js
+++ b/src/components/settings_modal/admin_tabs/frontends_tab.js
@@ -1,15 +1,14 @@
-import BooleanSetting from '../helpers/boolean_setting.vue'
-import ChoiceSetting from '../helpers/choice_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import StringSetting from '../helpers/string_setting.vue'
-import GroupSetting from '../helpers/group_setting.vue'
-import Popover from 'src/components/popover/popover.vue'
-import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
-import { useInterfaceStore } from 'src/stores/interface'
-
-import SharedComputedObject from '../helpers/shared_computed_object.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faGlobe } from '@fortawesome/free-solid-svg-icons'
+import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
+import Popover from 'src/components/popover/popover.vue'
+import { useInterfaceStore } from 'src/stores/interface'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
 
 library.add(faGlobe)
 
diff --git a/src/components/settings_modal/admin_tabs/http_tab.js b/src/components/settings_modal/admin_tabs/http_tab.js
index 010a95869..91a6df68a 100644
--- a/src/components/settings_modal/admin_tabs/http_tab.js
+++ b/src/components/settings_modal/admin_tabs/http_tab.js
@@ -1,16 +1,15 @@
+import { get } from 'lodash'
+import AttachmentSetting from '../helpers/attachment_setting.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import StringSetting from '../helpers/string_setting.vue'
 import GroupSetting from '../helpers/group_setting.vue'
-import AttachmentSetting from '../helpers/attachment_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
 import ListSetting from '../helpers/list_setting.vue'
-import TupleSetting from '../helpers/tuple_setting.vue'
 import MapSetting from '../helpers/map_setting.vue'
 import ProxySetting from '../helpers/proxy_setting.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
-import { get } from 'lodash'
+import StringSetting from '../helpers/string_setting.vue'
+import TupleSetting from '../helpers/tuple_setting.vue'
 
 const HTTPTab = {
   provide() {
diff --git a/src/components/settings_modal/admin_tabs/instance_tab.js b/src/components/settings_modal/admin_tabs/instance_tab.js
index d0e90ecf0..66fe3866a 100644
--- a/src/components/settings_modal/admin_tabs/instance_tab.js
+++ b/src/components/settings_modal/admin_tabs/instance_tab.js
@@ -1,16 +1,16 @@
+import { get } from 'lodash'
+import AttachmentSetting from '../helpers/attachment_setting.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import StringSetting from '../helpers/string_setting.vue'
 import ColorSetting from '../helpers/color_setting.vue'
 import GroupSetting from '../helpers/group_setting.vue'
-import AttachmentSetting from '../helpers/attachment_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
 import ListSetting from '../helpers/list_setting.vue'
-import PWAManifestIconsSetting from '../helpers/pwa_manifest_icons_setting.vue'
 import MapSetting from '../helpers/map_setting.vue'
+import PWAManifestIconsSetting from '../helpers/pwa_manifest_icons_setting.vue'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
-import { get } from 'lodash'
+import StringSetting from '../helpers/string_setting.vue'
 
 const InstanceTab = {
   provide() {
diff --git a/src/components/settings_modal/admin_tabs/job_queues_tab.js b/src/components/settings_modal/admin_tabs/job_queues_tab.js
index c59c743b6..66a0e7e18 100644
--- a/src/components/settings_modal/admin_tabs/job_queues_tab.js
+++ b/src/components/settings_modal/admin_tabs/job_queues_tab.js
@@ -1,13 +1,12 @@
+import AttachmentSetting from '../helpers/attachment_setting.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
 import IntegerSetting from '../helpers/integer_setting.vue'
+import ListSetting from '../helpers/list_setting.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
 import StringSetting from '../helpers/string_setting.vue'
 import TupleSetting from '../helpers/tuple_setting.vue'
-import GroupSetting from '../helpers/group_setting.vue'
-import AttachmentSetting from '../helpers/attachment_setting.vue'
-import ListSetting from '../helpers/list_setting.vue'
-
-import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 const JobQueuesTab = {
   provide() {
diff --git a/src/components/settings_modal/admin_tabs/limits_tab.js b/src/components/settings_modal/admin_tabs/limits_tab.js
index e5b784289..1f9a7be54 100644
--- a/src/components/settings_modal/admin_tabs/limits_tab.js
+++ b/src/components/settings_modal/admin_tabs/limits_tab.js
@@ -1,9 +1,8 @@
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
 import IntegerSetting from '../helpers/integer_setting.vue'
-import StringSetting from '../helpers/string_setting.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
 
 const LimitsTab = {
   components: {
diff --git a/src/components/settings_modal/admin_tabs/links_tab.js b/src/components/settings_modal/admin_tabs/links_tab.js
index 1ecbc9409..91bcf5d81 100644
--- a/src/components/settings_modal/admin_tabs/links_tab.js
+++ b/src/components/settings_modal/admin_tabs/links_tab.js
@@ -1,15 +1,14 @@
+import { get } from 'lodash'
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import AttachmentSetting from '../helpers/attachment_setting.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import StringSetting from '../helpers/string_setting.vue'
 import GroupSetting from '../helpers/group_setting.vue'
-import AttachmentSetting from '../helpers/attachment_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
 import ListSetting from '../helpers/list_setting.vue'
 
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
-import { get } from 'lodash'
+import StringSetting from '../helpers/string_setting.vue'
 
 const LinksTab = {
   provide() {
diff --git a/src/components/settings_modal/admin_tabs/mailer_tab.js b/src/components/settings_modal/admin_tabs/mailer_tab.js
index 424451ec4..0b909334b 100644
--- a/src/components/settings_modal/admin_tabs/mailer_tab.js
+++ b/src/components/settings_modal/admin_tabs/mailer_tab.js
@@ -1,12 +1,11 @@
+import AttachmentSetting from '../helpers/attachment_setting.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import StringSetting from '../helpers/string_setting.vue'
-import GroupSetting from '../helpers/group_setting.vue'
 import ColorSetting from '../helpers/color_setting.vue'
-import AttachmentSetting from '../helpers/attachment_setting.vue'
-
+import GroupSetting from '../helpers/group_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
 
 const MailerTab = {
   provide() {
diff --git a/src/components/settings_modal/admin_tabs/media_proxy_tab.js b/src/components/settings_modal/admin_tabs/media_proxy_tab.js
index 279a606c5..6c7231312 100644
--- a/src/components/settings_modal/admin_tabs/media_proxy_tab.js
+++ b/src/components/settings_modal/admin_tabs/media_proxy_tab.js
@@ -1,12 +1,11 @@
+import AttachmentSetting from '../helpers/attachment_setting.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import StringSetting from '../helpers/string_setting.vue'
 import GroupSetting from '../helpers/group_setting.vue'
-import AttachmentSetting from '../helpers/attachment_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
 import ListSetting from '../helpers/list_setting.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
 
 const MediaProxyTab = {
   provide() {
diff --git a/src/components/settings_modal/admin_tabs/monitoring_tab.js b/src/components/settings_modal/admin_tabs/monitoring_tab.js
index 056f67589..03b347a72 100644
--- a/src/components/settings_modal/admin_tabs/monitoring_tab.js
+++ b/src/components/settings_modal/admin_tabs/monitoring_tab.js
@@ -1,14 +1,13 @@
-import BooleanSetting from '../helpers/boolean_setting.vue'
-import ChoiceSetting from '../helpers/choice_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import StringSetting from '../helpers/string_setting.vue'
-import GroupSetting from '../helpers/group_setting.vue'
-import AttachmentSetting from '../helpers/attachment_setting.vue'
-import ListSetting from '../helpers/list_setting.vue'
-
-import SharedComputedObject from '../helpers/shared_computed_object.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faGlobe } from '@fortawesome/free-solid-svg-icons'
+import AttachmentSetting from '../helpers/attachment_setting.vue'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import ListSetting from '../helpers/list_setting.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
 
 library.add(faGlobe)
 
diff --git a/src/components/settings_modal/admin_tabs/other_tab.js b/src/components/settings_modal/admin_tabs/other_tab.js
index a7b3ea30a..a31bcf307 100644
--- a/src/components/settings_modal/admin_tabs/other_tab.js
+++ b/src/components/settings_modal/admin_tabs/other_tab.js
@@ -1,15 +1,14 @@
+import AttachmentSetting from '../helpers/attachment_setting.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import StringSetting from '../helpers/string_setting.vue'
 import ColorSetting from '../helpers/color_setting.vue'
 import GroupSetting from '../helpers/group_setting.vue'
-import AttachmentSetting from '../helpers/attachment_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
 import ListSetting from '../helpers/list_setting.vue'
-import PWAManifestIconsSetting from '../helpers/pwa_manifest_icons_setting.vue'
 import MapSetting from '../helpers/map_setting.vue'
-
+import PWAManifestIconsSetting from '../helpers/pwa_manifest_icons_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
 
 const OtherTab = {
   provide() {
diff --git a/src/components/settings_modal/admin_tabs/posts_tab.js b/src/components/settings_modal/admin_tabs/posts_tab.js
index 0a6ceaeee..654b18ed8 100644
--- a/src/components/settings_modal/admin_tabs/posts_tab.js
+++ b/src/components/settings_modal/admin_tabs/posts_tab.js
@@ -1,15 +1,14 @@
+import AttachmentSetting from '../helpers/attachment_setting.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import StringSetting from '../helpers/string_setting.vue'
 import ColorSetting from '../helpers/color_setting.vue'
 import GroupSetting from '../helpers/group_setting.vue'
-import AttachmentSetting from '../helpers/attachment_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
 import ListSetting from '../helpers/list_setting.vue'
-import PWAManifestIconsSetting from '../helpers/pwa_manifest_icons_setting.vue'
 import MapSetting from '../helpers/map_setting.vue'
-
+import PWAManifestIconsSetting from '../helpers/pwa_manifest_icons_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
 
 const PostsTab = {
   provide() {
diff --git a/src/components/settings_modal/admin_tabs/registrations_tab.js b/src/components/settings_modal/admin_tabs/registrations_tab.js
index e01114c78..8ec5e0d4b 100644
--- a/src/components/settings_modal/admin_tabs/registrations_tab.js
+++ b/src/components/settings_modal/admin_tabs/registrations_tab.js
@@ -1,13 +1,12 @@
+import AttachmentSetting from '../helpers/attachment_setting.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
+import GroupSetting from '../helpers/group_setting.vue'
 import IntegerSetting from '../helpers/integer_setting.vue'
+import ListSetting from '../helpers/list_setting.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
 import StringSetting from '../helpers/string_setting.vue'
 import TupleSetting from '../helpers/tuple_setting.vue'
-import GroupSetting from '../helpers/group_setting.vue'
-import AttachmentSetting from '../helpers/attachment_setting.vue'
-import ListSetting from '../helpers/list_setting.vue'
-
-import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 const RegistrationsTab = {
   provide() {
diff --git a/src/components/settings_modal/admin_tabs/uploads_tab.js b/src/components/settings_modal/admin_tabs/uploads_tab.js
index a3e9c5d5e..760206499 100644
--- a/src/components/settings_modal/admin_tabs/uploads_tab.js
+++ b/src/components/settings_modal/admin_tabs/uploads_tab.js
@@ -1,9 +1,8 @@
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
 import IntegerSetting from '../helpers/integer_setting.vue'
-import StringSetting from '../helpers/string_setting.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
 
 const UploadsTab = {
   provide() {
diff --git a/src/components/settings_modal/helpers/attachment_setting.js b/src/components/settings_modal/helpers/attachment_setting.js
index cc9ce5e5f..61e00a353 100644
--- a/src/components/settings_modal/helpers/attachment_setting.js
+++ b/src/components/settings_modal/helpers/attachment_setting.js
@@ -1,7 +1,7 @@
-import Setting from './setting.js'
-import { fileTypeExt } from 'src/services/file_type/file_type.service.js'
-import MediaUpload from 'src/components/media_upload/media_upload.vue'
 import Attachment from 'src/components/attachment/attachment.vue'
+import MediaUpload from 'src/components/media_upload/media_upload.vue'
+import { fileTypeExt } from 'src/services/file_type/file_type.service.js'
+import Setting from './setting.js'
 
 export default {
   ...Setting,
diff --git a/src/components/settings_modal/helpers/color_setting.js b/src/components/settings_modal/helpers/color_setting.js
index 8cbacc147..d9b1e1397 100644
--- a/src/components/settings_modal/helpers/color_setting.js
+++ b/src/components/settings_modal/helpers/color_setting.js
@@ -1,5 +1,5 @@
-import Setting from './setting.js'
 import ColorInput from 'src/components/color_input/color_input.vue'
+import Setting from './setting.js'
 
 export default {
   ...Setting,
diff --git a/src/components/settings_modal/helpers/draft_buttons.vue b/src/components/settings_modal/helpers/draft_buttons.vue
index b30508a90..fd2f42cdd 100644
--- a/src/components/settings_modal/helpers/draft_buttons.vue
+++ b/src/components/settings_modal/helpers/draft_buttons.vue
@@ -57,9 +57,9 @@
 </template>
 
 <script>
-import Popover from 'src/components/popover/popover.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faWrench } from '@fortawesome/free-solid-svg-icons'
+import Popover from 'src/components/popover/popover.vue'
 
 library.add(faWrench)
 
diff --git a/src/components/settings_modal/helpers/emoji_editing_popover.vue b/src/components/settings_modal/helpers/emoji_editing_popover.vue
index fd5f8fa2a..9fdcdd233 100644
--- a/src/components/settings_modal/helpers/emoji_editing_popover.vue
+++ b/src/components/settings_modal/helpers/emoji_editing_popover.vue
@@ -149,10 +149,10 @@
 </template>
 
 <script>
-import Popover from 'components/popover/popover.vue'
 import ConfirmModal from 'components/confirm_modal/confirm_modal.vue'
-import StillImage from 'components/still-image/still-image.vue'
+import Popover from 'components/popover/popover.vue'
 import SelectComponent from 'components/select/select.vue'
+import StillImage from 'components/still-image/still-image.vue'
 
 export default {
   components: { Popover, ConfirmModal, StillImage, SelectComponent },
diff --git a/src/components/settings_modal/helpers/help_indicator.vue b/src/components/settings_modal/helpers/help_indicator.vue
index 2ce804cba..ea21ea7a3 100644
--- a/src/components/settings_modal/helpers/help_indicator.vue
+++ b/src/components/settings_modal/helpers/help_indicator.vue
@@ -18,9 +18,9 @@
 </template>
 
 <script>
-import Popover from 'src/components/popover/popover.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleQuestion } from '@fortawesome/free-solid-svg-icons'
+import Popover from 'src/components/popover/popover.vue'
 
 library.add(faCircleQuestion)
 
diff --git a/src/components/settings_modal/helpers/modified_indicator.vue b/src/components/settings_modal/helpers/modified_indicator.vue
index e58d8a6af..e92cd7e49 100644
--- a/src/components/settings_modal/helpers/modified_indicator.vue
+++ b/src/components/settings_modal/helpers/modified_indicator.vue
@@ -23,9 +23,9 @@
 </template>
 
 <script>
-import Popover from 'src/components/popover/popover.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faWrench } from '@fortawesome/free-solid-svg-icons'
+import Popover from 'src/components/popover/popover.vue'
 
 library.add(faWrench)
 
diff --git a/src/components/settings_modal/helpers/profile_setting_indicator.vue b/src/components/settings_modal/helpers/profile_setting_indicator.vue
index a90dbf8fc..6ed401f1d 100644
--- a/src/components/settings_modal/helpers/profile_setting_indicator.vue
+++ b/src/components/settings_modal/helpers/profile_setting_indicator.vue
@@ -23,9 +23,9 @@
 </template>
 
 <script>
-import Popover from 'src/components/popover/popover.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faServer } from '@fortawesome/free-solid-svg-icons'
+import Popover from 'src/components/popover/popover.vue'
 
 library.add(faServer)
 
diff --git a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js
index 30530f642..f76672155 100644
--- a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js
+++ b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js
@@ -1,10 +1,9 @@
 import { clone } from 'lodash'
-import { fileTypeExt } from 'src/services/file_type/file_type.service.js'
-
-import Setting from './setting.js'
-import Select from 'src/components/select/select.vue'
 import Attachment from 'src/components/attachment/attachment.vue'
 import MediaUpload from 'src/components/media_upload/media_upload.vue'
+import Select from 'src/components/select/select.vue'
+import { fileTypeExt } from 'src/services/file_type/file_type.service.js'
+import Setting from './setting.js'
 
 export default {
   ...Setting,
diff --git a/src/components/settings_modal/helpers/setting.js b/src/components/settings_modal/helpers/setting.js
index 0459dff60..20cd03bce 100644
--- a/src/components/settings_modal/helpers/setting.js
+++ b/src/components/settings_modal/helpers/setting.js
@@ -1,7 +1,7 @@
+import { cloneDeep, get, isEqual, set } from 'lodash'
+import DraftButtons from './draft_buttons.vue'
 import ModifiedIndicator from './modified_indicator.vue'
 import ProfileSettingIndicator from './profile_setting_indicator.vue'
-import DraftButtons from './draft_buttons.vue'
-import { get, set, cloneDeep, isEqual } from 'lodash'
 
 export default {
   components: {
diff --git a/src/components/settings_modal/helpers/vertical_tab_switcher.jsx b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
index 8f9112438..7b05f74d0 100644
--- a/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
+++ b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
@@ -1,9 +1,9 @@
 // eslint-disable-next-line no-unused
-import { h, Fragment } from 'vue'
-import { mapState } from 'pinia'
-import { throttle } from 'lodash'
-import { mapState as mapPiniaState } from 'pinia'
+
 import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
+import { throttle } from 'lodash'
+import { mapState as mapPiniaState, mapState } from 'pinia'
+import { Fragment, h } from 'vue'
 
 import './vertical_tab_switcher.scss'
 import { useInterfaceStore } from 'src/stores/interface'
diff --git a/src/components/settings_modal/settings_modal.js b/src/components/settings_modal/settings_modal.js
index f51f2107a..c4bb493fd 100644
--- a/src/components/settings_modal/settings_modal.js
+++ b/src/components/settings_modal/settings_modal.js
@@ -1,25 +1,25 @@
-import Modal from 'src/components/modal/modal.vue'
-import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faWindowMinimize } from '@fortawesome/free-regular-svg-icons'
+import {
+  faChevronDown,
+  faFileDownload,
+  faFileUpload,
+  faTimes,
+} from '@fortawesome/free-solid-svg-icons'
+import { cloneDeep, isEqual } from 'lodash'
+import { mapActions, mapState } from 'pinia'
 import AsyncComponentError from 'src/components/async_component_error/async_component_error.vue'
-import getResettableAsyncComponent from 'src/services/resettable_async_component.js'
-import Popover from '../popover/popover.vue'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import ConfirmModal from 'src/components/confirm_modal/confirm_modal.vue'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { cloneDeep, isEqual } from 'lodash'
-import { mapState, mapActions } from 'pinia'
+import Modal from 'src/components/modal/modal.vue'
+import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
 import {
-  newImporter,
   newExporter,
+  newImporter,
 } from 'src/services/export_import/export_import.js'
-import {
-  faTimes,
-  faFileUpload,
-  faFileDownload,
-  faChevronDown,
-} from '@fortawesome/free-solid-svg-icons'
-import { faWindowMinimize } from '@fortawesome/free-regular-svg-icons'
+import getResettableAsyncComponent from 'src/services/resettable_async_component.js'
 import { useInterfaceStore } from 'src/stores/interface'
+import Popover from '../popover/popover.vue'
 
 const PLEROMAFE_SETTINGS_MAJOR_VERSION = 1
 const PLEROMAFE_SETTINGS_MINOR_VERSION = 0
diff --git a/src/components/settings_modal/settings_modal_admin_content.js b/src/components/settings_modal/settings_modal_admin_content.js
index f1902eae9..1a0787883 100644
--- a/src/components/settings_modal/settings_modal_admin_content.js
+++ b/src/components/settings_modal/settings_modal_admin_content.js
@@ -1,43 +1,41 @@
-import VerticalTabSwitcher from './helpers/vertical_tab_switcher.jsx'
-
-import InstanceTab from './admin_tabs/instance_tab.vue'
-import LinksTab from './admin_tabs/links_tab.vue'
-import LimitsTab from './admin_tabs/limits_tab.vue'
-import FrontendsTab from './admin_tabs/frontends_tab.vue'
-import MediaProxyTab from './admin_tabs/media_proxy_tab.vue'
-import EmojiTab from './admin_tabs/emoji_tab.vue'
-import UploadsTab from './admin_tabs/uploads_tab.vue'
-import MailerTab from './admin_tabs/mailer_tab.vue'
-import MonitoringTab from './admin_tabs/monitoring_tab.vue'
-import RegistrationsTab from './admin_tabs/registrations_tab.vue'
-import AuthTab from './admin_tabs/auth_tab.vue'
-import HTTPTab from './admin_tabs/http_tab.vue'
-import OtherTab from './admin_tabs/other_tab.vue'
-import RatesTab from './admin_tabs/rates_tab.vue'
-import PostsTab from './admin_tabs/posts_tab.vue'
-import FederationTab from './admin_tabs/federation_tab.vue'
-import JobQueuesTab from './admin_tabs/job_queues_tab.vue'
-import { useInterfaceStore } from 'src/stores/interface'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faWrench,
-  faHand,
   faChain,
-  faGlobe,
-  faLaptopCode,
-  faTowerBroadcast,
-  faEnvelope,
   faChartLine,
-  faDoorOpen,
-  faGears,
-  faKey,
   faCircleNodes,
-  faUpload,
-  faMessage,
+  faDoorOpen,
   faEllipsis,
+  faEnvelope,
   faGauge,
+  faGears,
+  faGlobe,
+  faHand,
+  faKey,
+  faLaptopCode,
+  faMessage,
+  faTowerBroadcast,
+  faUpload,
+  faWrench,
 } from '@fortawesome/free-solid-svg-icons'
+import { useInterfaceStore } from 'src/stores/interface'
+import AuthTab from './admin_tabs/auth_tab.vue'
+import EmojiTab from './admin_tabs/emoji_tab.vue'
+import FederationTab from './admin_tabs/federation_tab.vue'
+import FrontendsTab from './admin_tabs/frontends_tab.vue'
+import HTTPTab from './admin_tabs/http_tab.vue'
+import InstanceTab from './admin_tabs/instance_tab.vue'
+import JobQueuesTab from './admin_tabs/job_queues_tab.vue'
+import LimitsTab from './admin_tabs/limits_tab.vue'
+import LinksTab from './admin_tabs/links_tab.vue'
+import MailerTab from './admin_tabs/mailer_tab.vue'
+import MediaProxyTab from './admin_tabs/media_proxy_tab.vue'
+import MonitoringTab from './admin_tabs/monitoring_tab.vue'
+import OtherTab from './admin_tabs/other_tab.vue'
+import PostsTab from './admin_tabs/posts_tab.vue'
+import RatesTab from './admin_tabs/rates_tab.vue'
+import RegistrationsTab from './admin_tabs/registrations_tab.vue'
+import UploadsTab from './admin_tabs/uploads_tab.vue'
+import VerticalTabSwitcher from './helpers/vertical_tab_switcher.jsx'
 
 library.add(
   faWrench,
diff --git a/src/components/settings_modal/settings_modal_user_content.js b/src/components/settings_modal/settings_modal_user_content.js
index 201e3b8be..ce6ee4366 100644
--- a/src/components/settings_modal/settings_modal_user_content.js
+++ b/src/components/settings_modal/settings_modal_user_content.js
@@ -1,39 +1,37 @@
-import VerticalTabSwitcher from './helpers/vertical_tab_switcher.jsx'
-
-import DataImportExportTab from './tabs/data_import_export_tab.vue'
-import MutesAndBlocksTab from './tabs/mutes_and_blocks_tab.vue'
-import NotificationsTab from './tabs/notifications_tab.vue'
-import FilteringTab from './tabs/filtering_tab.vue'
-import SecurityTab from './tabs/security_tab/security_tab.vue'
-import ProfileTab from './tabs/profile_tab.vue'
-import GeneralTab from './tabs/general_tab.vue'
-import PostsTab from './tabs/posts_tab.vue'
-import ComposingTab from './tabs/composing_tab.vue'
-import ClutterTab from './tabs/clutter_tab.vue'
-import LayoutTab from './tabs/layout_tab.vue'
-import AppearanceTab from './tabs/appearance_tab.vue'
-import DeveloperTab from './tabs/developer_tab.vue'
-import OldThemeTab from './tabs/old_theme_tab/old_theme_tab.vue'
-import StyleTab from './tabs/style_tab/style_tab.vue'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faWrench,
-  faUser,
-  faMessage,
-  faFilter,
-  faPaintBrush,
-  faPalette,
   faBell,
+  faBroom,
+  faCode,
+  faColumns,
   faDownload,
   faEyeSlash,
-  faWindowRestore,
-  faCode,
-  faBroom,
+  faFilter,
   faLock,
-  faColumns,
+  faMessage,
+  faPaintBrush,
+  faPalette,
+  faUser,
+  faWindowRestore,
+  faWrench,
 } from '@fortawesome/free-solid-svg-icons'
 import { useInterfaceStore } from 'src/stores/interface'
+import VerticalTabSwitcher from './helpers/vertical_tab_switcher.jsx'
+import AppearanceTab from './tabs/appearance_tab.vue'
+import ClutterTab from './tabs/clutter_tab.vue'
+import ComposingTab from './tabs/composing_tab.vue'
+import DataImportExportTab from './tabs/data_import_export_tab.vue'
+import DeveloperTab from './tabs/developer_tab.vue'
+import FilteringTab from './tabs/filtering_tab.vue'
+import GeneralTab from './tabs/general_tab.vue'
+import LayoutTab from './tabs/layout_tab.vue'
+import MutesAndBlocksTab from './tabs/mutes_and_blocks_tab.vue'
+import NotificationsTab from './tabs/notifications_tab.vue'
+import OldThemeTab from './tabs/old_theme_tab/old_theme_tab.vue'
+import PostsTab from './tabs/posts_tab.vue'
+import ProfileTab from './tabs/profile_tab.vue'
+import SecurityTab from './tabs/security_tab/security_tab.vue'
+import StyleTab from './tabs/style_tab/style_tab.vue'
 
 library.add(
   faWrench,
diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js
index 48fa839b8..46de7f168 100644
--- a/src/components/settings_modal/tabs/appearance_tab.js
+++ b/src/components/settings_modal/tabs/appearance_tab.js
@@ -1,27 +1,24 @@
-import BooleanSetting from '../helpers/boolean_setting.vue'
-import ChoiceSetting from '../helpers/choice_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import FloatSetting from '../helpers/float_setting.vue'
-import UnitSetting from '../helpers/unit_setting.vue'
+import { mapActions } from 'pinia'
+import fileSizeFormatService from 'src/components/../services/file_size_format/file_size_format.js'
 import PaletteEditor from 'src/components/palette_editor/palette_editor.vue'
-import Preview from './old_theme_tab/theme_preview.vue'
-
 import { newImporter } from 'src/services/export_import/export_import.js'
-import { convertTheme2To3 } from 'src/services/theme_data/theme2_to_theme3.js'
-import { init } from 'src/services/theme_data/theme_data_3.service.js'
+import {
+  adoptStyleSheets,
+  createStyleSheet,
+} from 'src/services/style_setter/style_setter.js'
 import { getCssRules } from 'src/services/theme_data/css_utils.js'
 import { deserialize } from 'src/services/theme_data/iss_deserializer.js'
-import {
-  createStyleSheet,
-  adoptStyleSheets,
-} from 'src/services/style_setter/style_setter.js'
-import fileSizeFormatService from 'src/components/../services/file_size_format/file_size_format.js'
-
-import SharedComputedObject from '../helpers/shared_computed_object.js'
+import { init } from 'src/services/theme_data/theme_data_3.service.js'
+import { convertTheme2To3 } from 'src/services/theme_data/theme2_to_theme3.js'
+import { normalizeThemeData, useInterfaceStore } from 'src/stores/interface'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import FloatSetting from '../helpers/float_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
 import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
-
-import { mapActions } from 'pinia'
-import { useInterfaceStore, normalizeThemeData } from 'src/stores/interface'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import UnitSetting from '../helpers/unit_setting.vue'
+import Preview from './old_theme_tab/theme_preview.vue'
 
 const AppearanceTab = {
   data() {
diff --git a/src/components/settings_modal/tabs/clutter_tab.js b/src/components/settings_modal/tabs/clutter_tab.js
index e33031d6b..e7debd89a 100644
--- a/src/components/settings_modal/tabs/clutter_tab.js
+++ b/src/components/settings_modal/tabs/clutter_tab.js
@@ -1,18 +1,16 @@
-import { mapState, mapActions } from 'pinia'
-import { mapState as mapVuexState } from 'vuex'
-import { v4 as uuidv4 } from 'uuid'
-
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
-
-import BooleanSetting from '../helpers/boolean_setting.vue'
-import ChoiceSetting from '../helpers/choice_setting.vue'
-import UnitSetting from '../helpers/unit_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import HelpIndicator from '../helpers/help_indicator.vue'
+import { mapActions, mapState } from 'pinia'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import Select from 'src/components/select/select.vue'
 
+import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import { v4 as uuidv4 } from 'uuid'
+import { mapState as mapVuexState } from 'vuex'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import HelpIndicator from '../helpers/help_indicator.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
+import UnitSetting from '../helpers/unit_setting.vue'
 
 const ClutterTab = {
   components: {
diff --git a/src/components/settings_modal/tabs/composing_tab.js b/src/components/settings_modal/tabs/composing_tab.js
index 581b4d71b..b55b4ac42 100644
--- a/src/components/settings_modal/tabs/composing_tab.js
+++ b/src/components/settings_modal/tabs/composing_tab.js
@@ -1,28 +1,25 @@
-import { mapState } from 'vuex'
-
-import BooleanSetting from '../helpers/boolean_setting.vue'
-import ChoiceSetting from '../helpers/choice_setting.vue'
-import ScopeSelector from 'src/components/scope_selector/scope_selector.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import FloatSetting from '../helpers/float_setting.vue'
-import UnitSetting from '../helpers/unit_setting.vue'
-import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
-import Select from 'src/components/select/select.vue'
-import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
-import FontControl from 'src/components/font_control/font_control.vue'
-
-import SharedComputedObject from '../helpers/shared_computed_object.js'
-
-import localeService from 'src/services/locale/locale.service.js'
-import { clearCache, cacheKey, emojiCacheKey } from 'src/services/sw/sw.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
+  faDatabase,
   faGlobe,
   faMessage,
   faPenAlt,
-  faDatabase,
   faSliders,
 } from '@fortawesome/free-solid-svg-icons'
+import FontControl from 'src/components/font_control/font_control.vue'
+import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
+import ScopeSelector from 'src/components/scope_selector/scope_selector.vue'
+import Select from 'src/components/select/select.vue'
+import localeService from 'src/services/locale/locale.service.js'
+import { cacheKey, clearCache, emojiCacheKey } from 'src/services/sw/sw.js'
+import { mapState } from 'vuex'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import FloatSetting from '../helpers/float_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import UnitSetting from '../helpers/unit_setting.vue'
 
 library.add(faGlobe, faMessage, faPenAlt, faDatabase, faSliders)
 
diff --git a/src/components/settings_modal/tabs/data_import_export_tab.js b/src/components/settings_modal/tabs/data_import_export_tab.js
index 5b089350f..70ffae20c 100644
--- a/src/components/settings_modal/tabs/data_import_export_tab.js
+++ b/src/components/settings_modal/tabs/data_import_export_tab.js
@@ -1,8 +1,8 @@
-import Importer from 'src/components/importer/importer.vue'
-import Exporter from 'src/components/exporter/exporter.vue'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
-import { mapState } from 'vuex'
+import Exporter from 'src/components/exporter/exporter.vue'
+import Importer from 'src/components/importer/importer.vue'
 import { useOAuthTokensStore } from 'src/stores/oauth_tokens'
+import { mapState } from 'vuex'
 
 const DataImportExportTab = {
   data() {
diff --git a/src/components/settings_modal/tabs/developer_tab.js b/src/components/settings_modal/tabs/developer_tab.js
index 6416f717a..60f2ecb36 100644
--- a/src/components/settings_modal/tabs/developer_tab.js
+++ b/src/components/settings_modal/tabs/developer_tab.js
@@ -1,9 +1,7 @@
+import { cacheKey, clearCache, emojiCacheKey } from 'src/services/sw/sw.js'
 import BooleanSetting from '../helpers/boolean_setting.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
-import { clearCache, cacheKey, emojiCacheKey } from 'src/services/sw/sw.js'
-
 const pleromaFeCommitUrl =
   'https://git.pleroma.social/pleroma/pleroma-fe/commit/'
 
diff --git a/src/components/settings_modal/tabs/filtering_tab.js b/src/components/settings_modal/tabs/filtering_tab.js
index 150b22ac6..3628ace72 100644
--- a/src/components/settings_modal/tabs/filtering_tab.js
+++ b/src/components/settings_modal/tabs/filtering_tab.js
@@ -1,25 +1,21 @@
 import { cloneDeep } from 'lodash'
-import { mapState, mapActions } from 'pinia'
-import { mapState as mapVuexState } from 'vuex'
-import { v4 as uuidv4 } from 'uuid'
-
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
-import { useInterfaceStore } from 'src/stores/interface'
-
-import {
-  newImporter,
-  newExporter,
-} from 'src/services/export_import/export_import.js'
-
-import BooleanSetting from '../helpers/boolean_setting.vue'
-import ChoiceSetting from '../helpers/choice_setting.vue'
-import UnitSetting from '../helpers/unit_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import HelpIndicator from '../helpers/help_indicator.vue'
+import { mapActions, mapState } from 'pinia'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import Select from 'src/components/select/select.vue'
-
+import {
+  newExporter,
+  newImporter,
+} from 'src/services/export_import/export_import.js'
+import { useInterfaceStore } from 'src/stores/interface'
+import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import { v4 as uuidv4 } from 'uuid'
+import { mapState as mapVuexState } from 'vuex'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import HelpIndicator from '../helpers/help_indicator.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
+import UnitSetting from '../helpers/unit_setting.vue'
 
 const SUPPORTED_TYPES = new Set(['word', 'regexp', 'user', 'user_regexp'])
 
diff --git a/src/components/settings_modal/tabs/general_tab.js b/src/components/settings_modal/tabs/general_tab.js
index 801d0aa26..00b3957a1 100644
--- a/src/components/settings_modal/tabs/general_tab.js
+++ b/src/components/settings_modal/tabs/general_tab.js
@@ -1,16 +1,14 @@
+import FontControl from 'src/components/font_control/font_control.vue'
+import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
+import localeService from 'src/services/locale/locale.service.js'
 import { mapState } from 'vuex'
-
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
-import UnitSetting from '../helpers/unit_setting.vue'
 import FloatSetting from '../helpers/float_setting.vue'
-import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
 import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
-import FontControl from 'src/components/font_control/font_control.vue'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
-
-import localeService from 'src/services/locale/locale.service.js'
+import UnitSetting from '../helpers/unit_setting.vue'
 
 const GeneralTab = {
   props: {
diff --git a/src/components/settings_modal/tabs/layout_tab.js b/src/components/settings_modal/tabs/layout_tab.js
index bc48bb62c..3fc18491c 100644
--- a/src/components/settings_modal/tabs/layout_tab.js
+++ b/src/components/settings_modal/tabs/layout_tab.js
@@ -1,9 +1,8 @@
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
-import UnitSetting from '../helpers/unit_setting.vue'
 import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
+import UnitSetting from '../helpers/unit_setting.vue'
 
 const GeneralTab = {
   props: {
diff --git a/src/components/settings_modal/tabs/mutes_and_blocks_tab.js b/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
index fbedad790..60f8a9124 100644
--- a/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
+++ b/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
@@ -1,16 +1,16 @@
 import get from 'lodash/get'
 import map from 'lodash/map'
 import reject from 'lodash/reject'
-import Autosuggest from 'src/components/autosuggest/autosuggest.vue'
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
-import BlockCard from 'src/components/block_card/block_card.vue'
-import MuteCard from 'src/components/mute_card/mute_card.vue'
-import DomainMuteCard from 'src/components/domain_mute_card/domain_mute_card.vue'
-import SelectableList from 'src/components/selectable_list/selectable_list.vue'
-import ProgressButton from 'src/components/progress_button/progress_button.vue'
-import withSubscription from 'src/components/../hocs/with_subscription/with_subscription'
 import withLoadMore from 'src/components/../hocs/with_load_more/with_load_more'
+import withSubscription from 'src/components/../hocs/with_subscription/with_subscription'
+import Autosuggest from 'src/components/autosuggest/autosuggest.vue'
+import BlockCard from 'src/components/block_card/block_card.vue'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
+import DomainMuteCard from 'src/components/domain_mute_card/domain_mute_card.vue'
+import MuteCard from 'src/components/mute_card/mute_card.vue'
+import ProgressButton from 'src/components/progress_button/progress_button.vue'
+import SelectableList from 'src/components/selectable_list/selectable_list.vue'
+import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 import { useOAuthTokensStore } from 'src/stores/oauth_tokens'
 
 const BlockList = withLoadMore({
diff --git a/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.js b/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.js
index abf658792..c79c72e70 100644
--- a/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.js
+++ b/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.js
@@ -1,51 +1,48 @@
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import ColorInput from 'src/components/color_input/color_input.vue'
+import ContrastRatio from 'src/components/contrast_ratio/contrast_ratio.vue'
+import FontControl from 'src/components/font_control/font_control.vue'
+import OpacityInput from 'src/components/opacity_input/opacity_input.vue'
+import RangeInput from 'src/components/range_input/range_input.vue'
+import Select from 'src/components/select/select.vue'
+import ShadowControl from 'src/components/shadow_control/shadow_control.vue'
+import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 import {
-  rgb2hex,
-  hex2rgb,
   getContrastRatioLayers,
+  hex2rgb,
   relativeLuminance,
+  rgb2hex,
 } from 'src/services/color_convert/color_convert.js'
 import {
-  newImporter,
   newExporter,
+  newImporter,
 } from 'src/services/export_import/export_import.js'
-import { SLOT_INHERITANCE } from 'src/services/theme_data/pleromafe.js'
 import {
-  CURRENT_VERSION,
-  OPACITIES,
-  getLayers,
-  getOpacitySlot,
-  DEFAULT_SHADOWS,
-  generateColors,
-  generateShadows,
-  generateRadii,
-  generateFonts,
-  shadows2to3,
-  colors2to3,
-} from 'src/services/theme_data/theme_data.service.js'
-
-import { convertTheme2To3 } from 'src/services/theme_data/theme2_to_theme3.js'
-import { init } from 'src/services/theme_data/theme_data_3.service.js'
+  adoptStyleSheets,
+  createStyleSheet,
+} from 'src/services/style_setter/style_setter.js'
 import {
   getCssRules,
   getScopedVersion,
 } from 'src/services/theme_data/css_utils.js'
+import { SLOT_INHERITANCE } from 'src/services/theme_data/pleromafe.js'
 import {
-  createStyleSheet,
-  adoptStyleSheets,
-} from 'src/services/style_setter/style_setter.js'
-
-import ColorInput from 'src/components/color_input/color_input.vue'
-import RangeInput from 'src/components/range_input/range_input.vue'
-import OpacityInput from 'src/components/opacity_input/opacity_input.vue'
-import ShadowControl from 'src/components/shadow_control/shadow_control.vue'
-import FontControl from 'src/components/font_control/font_control.vue'
-import ContrastRatio from 'src/components/contrast_ratio/contrast_ratio.vue'
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import Select from 'src/components/select/select.vue'
-
-import Preview from './theme_preview.vue'
+  CURRENT_VERSION,
+  colors2to3,
+  DEFAULT_SHADOWS,
+  generateColors,
+  generateFonts,
+  generateRadii,
+  generateShadows,
+  getLayers,
+  getOpacitySlot,
+  OPACITIES,
+  shadows2to3,
+} from 'src/services/theme_data/theme_data.service.js'
+import { init } from 'src/services/theme_data/theme_data_3.service.js'
+import { convertTheme2To3 } from 'src/services/theme_data/theme2_to_theme3.js'
 import { useInterfaceStore } from 'src/stores/interface'
+import Preview from './theme_preview.vue'
 
 // List of color values used in v1
 const v1OnlyNames = [
diff --git a/src/components/settings_modal/tabs/old_theme_tab/theme_preview.vue b/src/components/settings_modal/tabs/old_theme_tab/theme_preview.vue
index 4c05b27c3..ea7067b99 100644
--- a/src/components/settings_modal/tabs/old_theme_tab/theme_preview.vue
+++ b/src/components/settings_modal/tabs/old_theme_tab/theme_preview.vue
@@ -118,14 +118,14 @@
 </template>
 
 <script>
-import Checkbox from 'src/components/checkbox/checkbox.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faTimes,
-  faStar,
-  faRetweet,
   faReply,
+  faRetweet,
+  faStar,
+  faTimes,
 } from '@fortawesome/free-solid-svg-icons'
+import Checkbox from 'src/components/checkbox/checkbox.vue'
 
 library.add(faTimes, faStar, faRetweet, faReply)
 
diff --git a/src/components/settings_modal/tabs/posts_tab.js b/src/components/settings_modal/tabs/posts_tab.js
index ec0dd0659..3833dc108 100644
--- a/src/components/settings_modal/tabs/posts_tab.js
+++ b/src/components/settings_modal/tabs/posts_tab.js
@@ -1,8 +1,8 @@
+import FontControl from 'src/components/font_control/font_control.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
 import IntegerSetting from '../helpers/integer_setting.vue'
 import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
-import FontControl from 'src/components/font_control/font_control.vue'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
diff --git a/src/components/settings_modal/tabs/profile_tab.js b/src/components/settings_modal/tabs/profile_tab.js
index e6f1a68d2..511bba757 100644
--- a/src/components/settings_modal/tabs/profile_tab.js
+++ b/src/components/settings_modal/tabs/profile_tab.js
@@ -1,15 +1,14 @@
-import UserCard from 'src/components/user_card/user_card.vue'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import BooleanSetting from '../helpers/boolean_setting.vue'
-import SharedComputedObject from '../helpers/shared_computed_object.js'
-import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faTimes,
-  faPlus,
   faCircleNotch,
+  faPlus,
+  faTimes,
 } from '@fortawesome/free-solid-svg-icons'
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import UserCard from 'src/components/user_card/user_card.vue'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 library.add(faTimes, faPlus, faCircleNotch)
 
diff --git a/src/components/settings_modal/tabs/security_tab/mfa.js b/src/components/settings_modal/tabs/security_tab/mfa.js
index 7004a7bdc..658504c6b 100644
--- a/src/components/settings_modal/tabs/security_tab/mfa.js
+++ b/src/components/settings_modal/tabs/security_tab/mfa.js
@@ -1,8 +1,8 @@
-import RecoveryCodes from './mfa_backup_codes.vue'
-import TOTP from './mfa_totp.vue'
-import Confirm from './confirm.vue'
 import VueQrcode from '@chenfengyuan/vue-qrcode'
 import { mapState } from 'vuex'
+import Confirm from './confirm.vue'
+import RecoveryCodes from './mfa_backup_codes.vue'
+import TOTP from './mfa_totp.vue'
 
 const Mfa = {
   data: () => ({
diff --git a/src/components/settings_modal/tabs/security_tab/mfa_totp.js b/src/components/settings_modal/tabs/security_tab/mfa_totp.js
index 8af4cbcc7..d8200bcef 100644
--- a/src/components/settings_modal/tabs/security_tab/mfa_totp.js
+++ b/src/components/settings_modal/tabs/security_tab/mfa_totp.js
@@ -1,5 +1,5 @@
-import Confirm from './confirm.vue'
 import { mapState } from 'vuex'
+import Confirm from './confirm.vue'
 
 export default {
   props: ['settings'],
diff --git a/src/components/settings_modal/tabs/security_tab/security_tab.js b/src/components/settings_modal/tabs/security_tab/security_tab.js
index 06cd17306..3bc02829a 100644
--- a/src/components/settings_modal/tabs/security_tab/security_tab.js
+++ b/src/components/settings_modal/tabs/security_tab/security_tab.js
@@ -1,8 +1,8 @@
-import ProgressButton from 'src/components/progress_button/progress_button.vue'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
-import Mfa from './mfa.vue'
+import ProgressButton from 'src/components/progress_button/progress_button.vue'
 import localeService from 'src/services/locale/locale.service.js'
 import { useOAuthTokensStore } from 'src/stores/oauth_tokens'
+import Mfa from './mfa.vue'
 
 const SecurityTab = {
   data() {
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.js b/src/components/settings_modal/tabs/style_tab/style_tab.js
index 72ddefedd..6a9bde8a9 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.js
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.js
@@ -1,63 +1,59 @@
-import {
-  ref,
-  reactive,
-  computed,
-  watch,
-  provide,
-  getCurrentInstance,
-} from 'vue'
-import { useInterfaceStore } from 'src/stores/interface'
-import { get, set, unset, throttle } from 'lodash'
-
-import Select from 'src/components/select/select.vue'
-import SelectMotion from 'src/components/select/select_motion.vue'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import ComponentPreview from 'src/components/component_preview/component_preview.vue'
-import StringSetting from '../../helpers/string_setting.vue'
-import ShadowControl from 'src/components/shadow_control/shadow_control.vue'
-import ColorInput from 'src/components/color_input/color_input.vue'
-import PaletteEditor from 'src/components/palette_editor/palette_editor.vue'
-import OpacityInput from 'src/components/opacity_input/opacity_input.vue'
-import RoundnessInput from 'src/components/roundness_input/roundness_input.vue'
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
-import Tooltip from 'src/components/tooltip/tooltip.vue'
-import ContrastRatio from 'src/components/contrast_ratio/contrast_ratio.vue'
-import Preview from '../old_theme_tab/theme_preview.vue'
-
-import VirtualDirectivesTab from './virtual_directives_tab.vue'
-
-import {
-  createStyleSheet,
-  adoptStyleSheets,
-} from 'src/services/style_setter/style_setter.js'
-import {
-  init,
-  findColor,
-} from 'src/services/theme_data/theme_data_3.service.js'
-import { getCssRules } from 'src/services/theme_data/css_utils.js'
-import { serialize } from 'src/services/theme_data/iss_serializer.js'
-import {
-  deserializeShadow,
-  deserialize,
-} from 'src/services/theme_data/iss_deserializer.js'
-import {
-  rgb2hex,
-  hex2rgb,
-  getContrastRatio,
-} from 'src/services/color_convert/color_convert.js'
-import {
-  newImporter,
-  newExporter,
-} from 'src/services/export_import/export_import.js'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faFloppyDisk,
-  faFolderOpen,
-  faFile,
   faArrowsRotate,
   faCheck,
+  faFile,
+  faFloppyDisk,
+  faFolderOpen,
 } from '@fortawesome/free-solid-svg-icons'
+import { get, set, throttle, unset } from 'lodash'
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import ColorInput from 'src/components/color_input/color_input.vue'
+import ComponentPreview from 'src/components/component_preview/component_preview.vue'
+import ContrastRatio from 'src/components/contrast_ratio/contrast_ratio.vue'
+import OpacityInput from 'src/components/opacity_input/opacity_input.vue'
+import PaletteEditor from 'src/components/palette_editor/palette_editor.vue'
+import RoundnessInput from 'src/components/roundness_input/roundness_input.vue'
+import Select from 'src/components/select/select.vue'
+import SelectMotion from 'src/components/select/select_motion.vue'
+import ShadowControl from 'src/components/shadow_control/shadow_control.vue'
+import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
+import Tooltip from 'src/components/tooltip/tooltip.vue'
+import {
+  getContrastRatio,
+  hex2rgb,
+  rgb2hex,
+} from 'src/services/color_convert/color_convert.js'
+import {
+  newExporter,
+  newImporter,
+} from 'src/services/export_import/export_import.js'
+import {
+  adoptStyleSheets,
+  createStyleSheet,
+} from 'src/services/style_setter/style_setter.js'
+import { getCssRules } from 'src/services/theme_data/css_utils.js'
+import {
+  deserialize,
+  deserializeShadow,
+} from 'src/services/theme_data/iss_deserializer.js'
+import { serialize } from 'src/services/theme_data/iss_serializer.js'
+import {
+  findColor,
+  init,
+} from 'src/services/theme_data/theme_data_3.service.js'
+import { useInterfaceStore } from 'src/stores/interface'
+import {
+  computed,
+  getCurrentInstance,
+  provide,
+  reactive,
+  ref,
+  watch,
+} from 'vue'
+import StringSetting from '../../helpers/string_setting.vue'
+import Preview from '../old_theme_tab/theme_preview.vue'
+import VirtualDirectivesTab from './virtual_directives_tab.vue'
 
 // helper for debugging
 // eslint-disable-next-line no-unused-vars
diff --git a/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.js b/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.js
index be054fd68..5e2dddf0c 100644
--- a/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.js
+++ b/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.js
@@ -1,11 +1,10 @@
-import { ref, computed, watch, inject } from 'vue'
+import ColorInput from 'src/components/color_input/color_input.vue'
 
 import Select from 'src/components/select/select.vue'
 import SelectMotion from 'src/components/select/select_motion.vue'
 import ShadowControl from 'src/components/shadow_control/shadow_control.vue'
-import ColorInput from 'src/components/color_input/color_input.vue'
-
 import { serializeShadow } from 'src/services/theme_data/iss_serializer.js'
+import { computed, inject, ref, watch } from 'vue'
 
 // helper for debugging
 // eslint-disable-next-line no-unused-vars
diff --git a/src/components/shadow_control/shadow_control.js b/src/components/shadow_control/shadow_control.js
index f0693599f..84bfcfd2b 100644
--- a/src/components/shadow_control/shadow_control.js
+++ b/src/components/shadow_control/shadow_control.js
@@ -1,29 +1,29 @@
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faChevronDown,
+  faChevronUp,
+  faPlus,
+  faTimes,
+} from '@fortawesome/free-solid-svg-icons'
+import { flattenDeep, throttle } from 'lodash'
+import Checkbox from 'src/components/checkbox/checkbox.vue'
 import ColorInput from 'src/components/color_input/color_input.vue'
+import ComponentPreview from 'src/components/component_preview/component_preview.vue'
 import OpacityInput from 'src/components/opacity_input/opacity_input.vue'
+import Popover from 'src/components/popover/popover.vue'
 import Select from 'src/components/select/select.vue'
 import SelectMotion from 'src/components/select/select_motion.vue'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import Popover from 'src/components/popover/popover.vue'
-import ComponentPreview from 'src/components/component_preview/component_preview.vue'
 import { rgb2hex } from 'src/services/color_convert/color_convert.js'
-import { serializeShadow } from 'src/services/theme_data/iss_serializer.js'
-import { deserializeShadow } from 'src/services/theme_data/iss_deserializer.js'
 import {
   getCssShadow,
   getCssShadowFilter,
 } from 'src/services/theme_data/css_utils.js'
+import { deserializeShadow } from 'src/services/theme_data/iss_deserializer.js'
+import { serializeShadow } from 'src/services/theme_data/iss_serializer.js'
 import {
-  findShadow,
   findColor,
+  findShadow,
 } from 'src/services/theme_data/theme_data_3.service.js'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { throttle, flattenDeep } from 'lodash'
-import {
-  faTimes,
-  faChevronDown,
-  faChevronUp,
-  faPlus,
-} from '@fortawesome/free-solid-svg-icons'
 
 library.add(faChevronDown, faChevronUp, faTimes, faPlus)
 
diff --git a/src/components/shout_panel/shout_panel.js b/src/components/shout_panel/shout_panel.js
index 72712ee50..fb337daae 100644
--- a/src/components/shout_panel/shout_panel.js
+++ b/src/components/shout_panel/shout_panel.js
@@ -1,6 +1,6 @@
-import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faBullhorn, faTimes } from '@fortawesome/free-solid-svg-icons'
+import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 import { useShoutStore } from 'src/stores/shout'
 
 library.add(faBullhorn, faTimes)
diff --git a/src/components/side_drawer/side_drawer.js b/src/components/side_drawer/side_drawer.js
index 80bf95796..af351f5b6 100644
--- a/src/components/side_drawer/side_drawer.js
+++ b/src/components/side_drawer/side_drawer.js
@@ -1,29 +1,29 @@
-import { mapState, mapGetters } from 'vuex'
-import { mapState as mapPiniaState } from 'pinia'
-import UserCard from '../user_card/user_card.vue'
-import { unseenNotificationsFromStore } from '../../services/notification_utils/notification_utils'
-import GestureService from '../../services/gesture_service/gesture_service'
-import { USERNAME_ROUTES } from 'src/components/navigation/navigation.js'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
+  faBell,
+  faBullhorn,
+  faCog,
+  faComments,
+  faCompass,
+  faFilePen,
+  faHome,
+  faInfoCircle,
+  faList,
+  faSearch,
   faSignInAlt,
   faSignOutAlt,
-  faHome,
-  faComments,
-  faBell,
-  faUserPlus,
-  faBullhorn,
-  faSearch,
   faTachometerAlt,
-  faCog,
-  faInfoCircle,
-  faCompass,
-  faList,
-  faFilePen,
+  faUserPlus,
 } from '@fortawesome/free-solid-svg-icons'
-import { useShoutStore } from 'src/stores/shout'
-import { useInterfaceStore } from 'src/stores/interface'
+import { mapState as mapPiniaState } from 'pinia'
+import { USERNAME_ROUTES } from 'src/components/navigation/navigation.js'
 import { useAnnouncementsStore } from 'src/stores/announcements'
+import { useInterfaceStore } from 'src/stores/interface'
+import { useShoutStore } from 'src/stores/shout'
+import { mapGetters, mapState } from 'vuex'
+import GestureService from '../../services/gesture_service/gesture_service'
+import { unseenNotificationsFromStore } from '../../services/notification_utils/notification_utils'
+import UserCard from '../user_card/user_card.vue'
 
 library.add(
   faSignInAlt,
diff --git a/src/components/staff_panel/staff_panel.js b/src/components/staff_panel/staff_panel.js
index 26b34f38f..f8a4fd413 100644
--- a/src/components/staff_panel/staff_panel.js
+++ b/src/components/staff_panel/staff_panel.js
@@ -1,5 +1,5 @@
-import map from 'lodash/map'
 import groupBy from 'lodash/groupBy'
+import map from 'lodash/map'
 import { mapGetters, mapState } from 'vuex'
 import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 
diff --git a/src/components/status/status.js b/src/components/status/status.js
index 84a80ac07..b176b5a7a 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -1,48 +1,47 @@
-import PostStatusForm from '../post_status_form/post_status_form.vue'
-import UserAvatar from '../user_avatar/user_avatar.vue'
-import AvatarList from '../avatar_list/avatar_list.vue'
-import Timeago from '../timeago/timeago.vue'
-import StatusContent from '../status_content/status_content.vue'
-import RichContent from 'src/components/rich_content/rich_content.jsx'
-import StatusPopover from '../status_popover/status_popover.vue'
-import UserPopover from '../user_popover/user_popover.vue'
-import UserListPopover from '../user_list_popover/user_list_popover.vue'
-import EmojiReactions from '../emoji_reactions/emoji_reactions.vue'
-import UserLink from '../user_link/user_link.vue'
-import MentionsLine from 'src/components/mentions_line/mentions_line.vue'
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faAngleDoubleRight,
+  faChevronDown,
+  faChevronUp,
+  faEllipsisH,
+  faEnvelope,
+  faEye,
+  faEyeSlash,
+  faGlobe,
+  faIgloo,
+  faLock,
+  faLockOpen,
+  faPlay,
+  faPlusSquare,
+  faReply,
+  faRetweet,
+  faSmileBeam,
+  faStar,
+  faThumbtack,
+  faTimes,
+} from '@fortawesome/free-solid-svg-icons'
+import { unescape, uniqBy } from 'lodash'
 import MentionLink from 'src/components/mention_link/mention_link.vue'
+import MentionsLine from 'src/components/mentions_line/mentions_line.vue'
+import RichContent from 'src/components/rich_content/rich_content.jsx'
 import StatusActionButtons from 'src/components/status_action_buttons/status_action_buttons.vue'
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
+import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import { muteFilterHits } from '../../services/status_parser/status_parser.js'
 import {
   highlightClass,
   highlightStyle,
 } from '../../services/user_highlighter/user_highlighter.js'
-import { muteFilterHits } from '../../services/status_parser/status_parser.js'
-import { unescape, uniqBy } from 'lodash'
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
-
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faEnvelope,
-  faLock,
-  faLockOpen,
-  faGlobe,
-  faIgloo,
-  faTimes,
-  faRetweet,
-  faReply,
-  faPlusSquare,
-  faSmileBeam,
-  faEllipsisH,
-  faStar,
-  faEyeSlash,
-  faEye,
-  faThumbtack,
-  faChevronUp,
-  faChevronDown,
-  faAngleDoubleRight,
-  faPlay,
-} from '@fortawesome/free-solid-svg-icons'
+import AvatarList from '../avatar_list/avatar_list.vue'
+import EmojiReactions from '../emoji_reactions/emoji_reactions.vue'
+import PostStatusForm from '../post_status_form/post_status_form.vue'
+import StatusContent from '../status_content/status_content.vue'
+import StatusPopover from '../status_popover/status_popover.vue'
+import Timeago from '../timeago/timeago.vue'
+import UserAvatar from '../user_avatar/user_avatar.vue'
+import UserLink from '../user_link/user_link.vue'
+import UserListPopover from '../user_list_popover/user_list_popover.vue'
+import UserPopover from '../user_popover/user_popover.vue'
 
 library.add(
   faEnvelope,
diff --git a/src/components/status_action_buttons/action_button.js b/src/components/status_action_buttons/action_button.js
index 1edc57fc4..e35e8a89c 100644
--- a/src/components/status_action_buttons/action_button.js
+++ b/src/components/status_action_buttons/action_button.js
@@ -1,31 +1,30 @@
-import StatusBookmarkFolderMenu from 'src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.vue'
-import EmojiPicker from 'src/components/emoji_picker/emoji_picker.vue'
-import Popover from 'src/components/popover/popover.vue'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faPlus,
-  faMinus,
+  faBookmark as faBookmarkRegular,
+  faStar as faStarRegular,
+} from '@fortawesome/free-regular-svg-icons'
+import {
+  faBookmark,
   faCheck,
-  faTimes,
-  faWrench,
   faChevronRight,
   faChevronUp,
+  faExternalLinkAlt,
+  faEyeSlash,
+  faHistory,
+  faMinus,
+  faPlus,
   faReply,
   faRetweet,
-  faStar,
-  faSmileBeam,
-  faBookmark,
-  faEyeSlash,
-  faThumbtack,
   faShareAlt,
-  faExternalLinkAlt,
-  faHistory,
+  faSmileBeam,
+  faStar,
+  faThumbtack,
+  faTimes,
+  faWrench,
 } from '@fortawesome/free-solid-svg-icons'
-import {
-  faStar as faStarRegular,
-  faBookmark as faBookmarkRegular,
-} from '@fortawesome/free-regular-svg-icons'
+import EmojiPicker from 'src/components/emoji_picker/emoji_picker.vue'
+import Popover from 'src/components/popover/popover.vue'
+import StatusBookmarkFolderMenu from 'src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.vue'
 
 library.add(
   faPlus,
diff --git a/src/components/status_action_buttons/action_button_container.js b/src/components/status_action_buttons/action_button_container.js
index 303a76377..dfd07609a 100644
--- a/src/components/status_action_buttons/action_button_container.js
+++ b/src/components/status_action_buttons/action_button_container.js
@@ -1,14 +1,13 @@
-import ActionButton from './action_button.vue'
-import Popover from 'src/components/popover/popover.vue'
-import MuteConfirm from 'src/components/confirm_modal/mute_confirm.vue'
-import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
-  faUser,
-  faGlobe,
   faFolderTree,
+  faGlobe,
+  faUser,
 } from '@fortawesome/free-solid-svg-icons'
+import MuteConfirm from 'src/components/confirm_modal/mute_confirm.vue'
+import Popover from 'src/components/popover/popover.vue'
+import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
+import ActionButton from './action_button.vue'
 
 library.add(faUser, faGlobe, faFolderTree)
 
diff --git a/src/components/status_action_buttons/status_action_buttons.js b/src/components/status_action_buttons/status_action_buttons.js
index 7c9c5ae86..c79b50275 100644
--- a/src/components/status_action_buttons/status_action_buttons.js
+++ b/src/components/status_action_buttons/status_action_buttons.js
@@ -1,16 +1,12 @@
-import { mapState } from 'pinia'
-
-import ConfirmModal from 'src/components/confirm_modal/confirm_modal.vue'
-import ActionButtonContainer from './action_button_container.vue'
-import Popover from 'src/components/popover/popover.vue'
-import genRandomSeed from 'src/services/random_seed/random_seed.service.js'
-
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
-
-import { BUTTONS } from './buttons_definitions.js'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faEllipsisH } from '@fortawesome/free-solid-svg-icons'
+import { mapState } from 'pinia'
+import ConfirmModal from 'src/components/confirm_modal/confirm_modal.vue'
+import Popover from 'src/components/popover/popover.vue'
+import genRandomSeed from 'src/services/random_seed/random_seed.service.js'
+import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import ActionButtonContainer from './action_button_container.vue'
+import { BUTTONS } from './buttons_definitions.js'
 
 library.add(faEllipsisH)
 
diff --git a/src/components/status_body/status_body.js b/src/components/status_body/status_body.js
index 772f7ff0e..1f4160a5c 100644
--- a/src/components/status_body/status_body.js
+++ b/src/components/status_body/status_body.js
@@ -1,14 +1,14 @@
-import fileType from 'src/services/file_type/file_type.service'
-import RichContent from 'src/components/rich_content/rich_content.jsx'
-import { mapGetters } from 'vuex'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faFile,
-  faMusic,
   faImage,
   faLink,
+  faMusic,
   faPollH,
 } from '@fortawesome/free-solid-svg-icons'
+import RichContent from 'src/components/rich_content/rich_content.jsx'
+import fileType from 'src/services/file_type/file_type.service'
+import { mapGetters } from 'vuex'
 
 library.add(faFile, faMusic, faImage, faLink, faPollH)
 
diff --git a/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js b/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js
index 99a3ed06d..93938c0aa 100644
--- a/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js
+++ b/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js
@@ -1,10 +1,9 @@
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faChevronRight, faFolder } from '@fortawesome/free-solid-svg-icons'
 import { mapState } from 'pinia'
-import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
-
 import Popover from 'src/components/popover/popover.vue'
 import StillImage from 'src/components/still-image/still-image.vue'
+import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
 
 library.add(faChevronRight, faFolder)
 
diff --git a/src/components/status_content/status_content.js b/src/components/status_content/status_content.js
index f2a157537..ca7944361 100644
--- a/src/components/status_content/status_content.js
+++ b/src/components/status_content/status_content.js
@@ -1,19 +1,19 @@
-import Attachment from '../attachment/attachment.vue'
-import Poll from '../poll/poll.vue'
-import Gallery from '../gallery/gallery.vue'
-import StatusBody from 'src/components/status_body/status_body.vue'
-import LinkPreview from '../link-preview/link-preview.vue'
-import { mapGetters, mapState } from 'vuex'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faCircleNotch,
   faFile,
-  faMusic,
   faImage,
   faLink,
+  faMusic,
   faPollH,
 } from '@fortawesome/free-solid-svg-icons'
+import StatusBody from 'src/components/status_body/status_body.vue'
 import { useMediaViewerStore } from 'src/stores/media_viewer'
+import { mapGetters, mapState } from 'vuex'
+import Attachment from '../attachment/attachment.vue'
+import Gallery from '../gallery/gallery.vue'
+import LinkPreview from '../link-preview/link-preview.vue'
+import Poll from '../poll/poll.vue'
 
 library.add(faCircleNotch, faFile, faMusic, faImage, faLink, faPollH)
 
diff --git a/src/components/status_history_modal/status_history_modal.js b/src/components/status_history_modal/status_history_modal.js
index 216f8f90e..efae51079 100644
--- a/src/components/status_history_modal/status_history_modal.js
+++ b/src/components/status_history_modal/status_history_modal.js
@@ -1,7 +1,7 @@
 import { get } from 'lodash'
+import { useStatusHistoryStore } from 'src/stores/statusHistory'
 import Modal from '../modal/modal.vue'
 import Status from '../status/status.vue'
-import { useStatusHistoryStore } from 'src/stores/statusHistory'
 
 const StatusHistoryModal = {
   components: {
diff --git a/src/components/status_popover/status_popover.js b/src/components/status_popover/status_popover.js
index 2146c45cf..500becb9e 100644
--- a/src/components/status_popover/status_popover.js
+++ b/src/components/status_popover/status_popover.js
@@ -1,6 +1,6 @@
-import { find } from 'lodash'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
+import { find } from 'lodash'
 import { defineAsyncComponent } from 'vue'
 
 library.add(faCircleNotch)
diff --git a/src/components/still-image/still-image-emoji-popover.vue b/src/components/still-image/still-image-emoji-popover.vue
index ef6cb6e71..fc0f5a265 100644
--- a/src/components/still-image/still-image-emoji-popover.vue
+++ b/src/components/still-image/still-image-emoji-popover.vue
@@ -56,12 +56,11 @@
 </template>
 
 <script>
-import { assign } from 'lodash'
-
-import StillImage from './still-image.vue'
 import Popover from 'components/popover/popover.vue'
 import SelectComponent from 'components/select/select.vue'
+import { assign } from 'lodash'
 import { useInterfaceStore } from 'src/stores/interface'
+import StillImage from './still-image.vue'
 
 export default {
   components: { StillImage, Popover, SelectComponent },
diff --git a/src/components/tab_switcher/tab_switcher.jsx b/src/components/tab_switcher/tab_switcher.jsx
index 6c55c025a..a85ad50f8 100644
--- a/src/components/tab_switcher/tab_switcher.jsx
+++ b/src/components/tab_switcher/tab_switcher.jsx
@@ -1,7 +1,8 @@
 // eslint-disable-next-line no-unused
-import { h, Fragment } from 'vue'
-import { mapState } from 'pinia'
+
 import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
+import { mapState } from 'pinia'
+import { Fragment, h } from 'vue'
 
 import './tab_switcher.scss'
 import { useInterfaceStore } from 'src/stores/interface'
diff --git a/src/components/thread_tree/thread_tree.js b/src/components/thread_tree/thread_tree.js
index 7db7cc5d9..cd115f677 100644
--- a/src/components/thread_tree/thread_tree.js
+++ b/src/components/thread_tree/thread_tree.js
@@ -1,10 +1,9 @@
-import Status from '../status/status.vue'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faAngleDoubleDown,
   faAngleDoubleRight,
 } from '@fortawesome/free-solid-svg-icons'
+import Status from '../status/status.vue'
 
 library.add(faAngleDoubleDown, faAngleDoubleRight)
 
diff --git a/src/components/timeline/timeline.js b/src/components/timeline/timeline.js
index 512f32593..f77e38907 100644
--- a/src/components/timeline/timeline.js
+++ b/src/components/timeline/timeline.js
@@ -1,22 +1,22 @@
-import Status from '../status/status.vue'
-import { mapState } from 'pinia'
-import timelineFetcher from '../../services/timeline_fetcher/timeline_fetcher.service.js'
-import Conversation from '../conversation/conversation.vue'
-import TimelineMenu from '../timeline_menu/timeline_menu.vue'
-import QuickFilterSettings from '../quick_filter_settings/quick_filter_settings.vue'
-import QuickViewSettings from '../quick_view_settings/quick_view_settings.vue'
-import ScrollTopButton from '../scroll_top_button/scroll_top_button.vue'
-import { debounce, throttle, keyBy } from 'lodash'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
+  faArrowUp,
+  faCheck,
   faCircleNotch,
   faCirclePlus,
   faCog,
   faMinus,
-  faArrowUp,
-  faCheck,
 } from '@fortawesome/free-solid-svg-icons'
+import { debounce, keyBy, throttle } from 'lodash'
+import { mapState } from 'pinia'
 import { useInterfaceStore } from 'src/stores/interface'
+import timelineFetcher from '../../services/timeline_fetcher/timeline_fetcher.service.js'
+import Conversation from '../conversation/conversation.vue'
+import QuickFilterSettings from '../quick_filter_settings/quick_filter_settings.vue'
+import QuickViewSettings from '../quick_view_settings/quick_view_settings.vue'
+import ScrollTopButton from '../scroll_top_button/scroll_top_button.vue'
+import Status from '../status/status.vue'
+import TimelineMenu from '../timeline_menu/timeline_menu.vue'
 
 library.add(faCircleNotch, faCog, faMinus, faArrowUp, faCirclePlus, faCheck)
 
diff --git a/src/components/timeline_menu/timeline_menu.js b/src/components/timeline_menu/timeline_menu.js
index 772c4f23c..2edb6226f 100644
--- a/src/components/timeline_menu/timeline_menu.js
+++ b/src/components/timeline_menu/timeline_menu.js
@@ -1,15 +1,15 @@
-import Popover from '../popover/popover.vue'
-import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
-import { mapState } from 'vuex'
-import ListsMenuContent from '../lists_menu/lists_menu_content.vue'
-import BookmarkFoldersMenuContent from '../bookmark_folders_menu/bookmark_folders_menu_content.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import { TIMELINES } from 'src/components/navigation/navigation.js'
-import { filterNavigation } from 'src/components/navigation/filter.js'
 import { faChevronDown } from '@fortawesome/free-solid-svg-icons'
+import { filterNavigation } from 'src/components/navigation/filter.js'
+import { TIMELINES } from 'src/components/navigation/navigation.js'
+import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
+import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
 import { useInterfaceStore } from 'src/stores/interface'
 import { useListsStore } from 'src/stores/lists'
-import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
+import { mapState } from 'vuex'
+import BookmarkFoldersMenuContent from '../bookmark_folders_menu/bookmark_folders_menu_content.vue'
+import ListsMenuContent from '../lists_menu/lists_menu_content.vue'
+import Popover from '../popover/popover.vue'
 
 library.add(faChevronDown)
 
diff --git a/src/components/update_notification/update_notification.js b/src/components/update_notification/update_notification.js
index 7a34cb131..206454364 100644
--- a/src/components/update_notification/update_notification.js
+++ b/src/components/update_notification/update_notification.js
@@ -1,11 +1,10 @@
-import Modal from 'src/components/modal/modal.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import pleromaTanMask from 'src/assets/pleromatan_apology_mask.png'
+import { faTimes } from '@fortawesome/free-solid-svg-icons'
 import pleromaTanFoxMask from 'src/assets/pleromatan_apology_fox_mask.png'
-
+import pleromaTanMask from 'src/assets/pleromatan_apology_mask.png'
+import Modal from 'src/components/modal/modal.vue'
 import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
 
-import { faTimes } from '@fortawesome/free-solid-svg-icons'
 library.add(faTimes)
 
 export const CURRENT_UPDATE_COUNTER = 1
diff --git a/src/components/user_avatar/user_avatar.js b/src/components/user_avatar/user_avatar.js
index 8ac5aa43d..868f0d922 100644
--- a/src/components/user_avatar/user_avatar.js
+++ b/src/components/user_avatar/user_avatar.js
@@ -1,9 +1,7 @@
-import StillImage from '../still-image/still-image.vue'
-import { useInterfaceStore } from 'src/stores/interface'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
-
-import { faRobot, faPeopleGroup } from '@fortawesome/free-solid-svg-icons'
+import { faPeopleGroup, faRobot } from '@fortawesome/free-solid-svg-icons'
+import { useInterfaceStore } from 'src/stores/interface'
+import StillImage from '../still-image/still-image.vue'
 
 library.add(faRobot, faPeopleGroup)
 
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index 92730edc5..d0642b5e8 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -1,48 +1,43 @@
-import merge from 'lodash/merge'
-import isEqual from 'lodash/isEqual'
-import unescape from 'lodash/unescape'
-
-import ColorInput from 'src/components/color_input/color_input.vue'
-import UserAvatar from '../user_avatar/user_avatar.vue'
-import RemoteFollow from '../remote_follow/remote_follow.vue'
-import ProgressButton from '../progress_button/progress_button.vue'
-import FollowButton from '../follow_button/follow_button.vue'
-import ModerationTools from '../moderation_tools/moderation_tools.vue'
-import AccountActions from '../account_actions/account_actions.vue'
-import UserNote from '../user_note/user_note.vue'
-import Select from '../select/select.vue'
-import UserLink from '../user_link/user_link.vue'
-import RichContent from 'src/components/rich_content/rich_content.jsx'
-import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
-import DialogModal from 'src/components/dialog_modal/dialog_modal.vue'
-import ImageCropper from 'src/components/image_cropper/image_cropper.vue'
-
-import localeService from 'src/services/locale/locale.service.js'
-import suggestor from 'src/components/emoji_input/suggestor.js'
-
-import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
-import { mapGetters } from 'vuex'
-import { usePostStatusStore } from 'src/stores/post_status'
-import { propsToNative } from 'src/services/attributes_helper/attributes_helper.service.js'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faBell,
-  faRss,
-  faSearchPlus,
-  faExternalLinkAlt,
-  faEdit,
-  faTimes,
-  faExpandAlt,
   faBirthdayCake,
-  faSave,
   faClockRotateLeft,
+  faEdit,
+  faExpandAlt,
+  faExternalLinkAlt,
+  faRss,
+  faSave,
+  faSearchPlus,
+  faTimes,
 } from '@fortawesome/free-solid-svg-icons'
-
-import { useMediaViewerStore } from '../../stores/media_viewer'
+import isEqual from 'lodash/isEqual'
+import merge from 'lodash/merge'
+import unescape from 'lodash/unescape'
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import ColorInput from 'src/components/color_input/color_input.vue'
+import DialogModal from 'src/components/dialog_modal/dialog_modal.vue'
+import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
+import suggestor from 'src/components/emoji_input/suggestor.js'
+import ImageCropper from 'src/components/image_cropper/image_cropper.vue'
+import RichContent from 'src/components/rich_content/rich_content.jsx'
+import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
+import { propsToNative } from 'src/services/attributes_helper/attributes_helper.service.js'
+import localeService from 'src/services/locale/locale.service.js'
+import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
+import { usePostStatusStore } from 'src/stores/post_status'
+import { mapGetters } from 'vuex'
 import { useInterfaceStore } from '../../stores/interface'
+import { useMediaViewerStore } from '../../stores/media_viewer'
+import AccountActions from '../account_actions/account_actions.vue'
+import FollowButton from '../follow_button/follow_button.vue'
+import ModerationTools from '../moderation_tools/moderation_tools.vue'
+import ProgressButton from '../progress_button/progress_button.vue'
+import RemoteFollow from '../remote_follow/remote_follow.vue'
+import Select from '../select/select.vue'
+import UserAvatar from '../user_avatar/user_avatar.vue'
+import UserLink from '../user_link/user_link.vue'
+import UserNote from '../user_note/user_note.vue'
 
 library.add(
   faSave,
diff --git a/src/components/user_link/user_link.vue b/src/components/user_link/user_link.vue
index 4a0899dab..059508f49 100644
--- a/src/components/user_link/user_link.vue
+++ b/src/components/user_link/user_link.vue
@@ -14,8 +14,8 @@
 </template>
 
 <script>
-import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
+import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
 
 const UserLink = {
   props: {
diff --git a/src/components/user_list_menu/user_list_menu.js b/src/components/user_list_menu/user_list_menu.js
index 09858f96b..3bed7824e 100644
--- a/src/components/user_list_menu/user_list_menu.js
+++ b/src/components/user_list_menu/user_list_menu.js
@@ -1,10 +1,9 @@
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faChevronRight } from '@fortawesome/free-solid-svg-icons'
 import { mapState } from 'pinia'
-
+import { useListsStore } from 'src/stores/lists'
 import DialogModal from '../dialog_modal/dialog_modal.vue'
 import Popover from '../popover/popover.vue'
-import { useListsStore } from 'src/stores/lists'
 
 library.add(faChevronRight)
 
diff --git a/src/components/user_list_popover/user_list_popover.js b/src/components/user_list_popover/user_list_popover.js
index f6c2a8547..832feeca5 100644
--- a/src/components/user_list_popover/user_list_popover.js
+++ b/src/components/user_list_popover/user_list_popover.js
@@ -1,9 +1,8 @@
-import { defineAsyncComponent } from 'vue'
-import RichContent from 'src/components/rich_content/rich_content.jsx'
-import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
+import RichContent from 'src/components/rich_content/rich_content.jsx'
+import { defineAsyncComponent } from 'vue'
+import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
 
 library.add(faCircleNotch)
 
diff --git a/src/components/user_panel/user_panel.js b/src/components/user_panel/user_panel.js
index 1349efef0..5c89232f2 100644
--- a/src/components/user_panel/user_panel.js
+++ b/src/components/user_panel/user_panel.js
@@ -1,7 +1,7 @@
+import { mapState } from 'vuex'
 import AuthForm from '../auth_form/auth_form.js'
 import PostStatusForm from '../post_status_form/post_status_form.vue'
 import UserCard from '../user_card/user_card.vue'
-import { mapState } from 'vuex'
 
 const UserPanel = {
   computed: {
diff --git a/src/components/user_popover/user_popover.js b/src/components/user_popover/user_popover.js
index b59945063..cc69bc49d 100644
--- a/src/components/user_popover/user_popover.js
+++ b/src/components/user_popover/user_popover.js
@@ -1,5 +1,5 @@
-import UserCard from '../user_card/user_card.vue'
 import { defineAsyncComponent } from 'vue'
+import UserCard from '../user_card/user_card.vue'
 
 const UserPopover = {
   name: 'UserPopover',
diff --git a/src/components/user_profile/user_profile.js b/src/components/user_profile/user_profile.js
index e6e5ab087..5ae782c32 100644
--- a/src/components/user_profile/user_profile.js
+++ b/src/components/user_profile/user_profile.js
@@ -1,14 +1,14 @@
-import get from 'lodash/get'
-import UserCard from '../user_card/user_card.vue'
-import FollowCard from '../follow_card/follow_card.vue'
-import Timeline from '../timeline/timeline.vue'
-import Conversation from '../conversation/conversation.vue'
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
-import RichContent from 'src/components/rich_content/rich_content.jsx'
-import List from '../list/list.vue'
-import withLoadMore from '../../hocs/with_load_more/with_load_more'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
+import get from 'lodash/get'
+import RichContent from 'src/components/rich_content/rich_content.jsx'
+import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
+import withLoadMore from '../../hocs/with_load_more/with_load_more'
+import Conversation from '../conversation/conversation.vue'
+import FollowCard from '../follow_card/follow_card.vue'
+import List from '../list/list.vue'
+import Timeline from '../timeline/timeline.vue'
+import UserCard from '../user_card/user_card.vue'
 
 library.add(faCircleNotch)
 
diff --git a/src/components/user_reporting_modal/user_reporting_modal.js b/src/components/user_reporting_modal/user_reporting_modal.js
index 03f7f92c7..39c264d5b 100644
--- a/src/components/user_reporting_modal/user_reporting_modal.js
+++ b/src/components/user_reporting_modal/user_reporting_modal.js
@@ -1,9 +1,9 @@
-import Status from '../status/status.vue'
-import List from '../list/list.vue'
-import Checkbox from '../checkbox/checkbox.vue'
-import Modal from '../modal/modal.vue'
-import UserLink from '../user_link/user_link.vue'
 import { useReportsStore } from 'src/stores/reports'
+import Checkbox from '../checkbox/checkbox.vue'
+import List from '../list/list.vue'
+import Modal from '../modal/modal.vue'
+import Status from '../status/status.vue'
+import UserLink from '../user_link/user_link.vue'
 
 const UserReportingModal = {
   components: {
diff --git a/src/components/user_timed_filter_modal/user_timed_filter_modal.js b/src/components/user_timed_filter_modal/user_timed_filter_modal.js
index d57c8ad28..66bb6bda2 100644
--- a/src/components/user_timed_filter_modal/user_timed_filter_modal.js
+++ b/src/components/user_timed_filter_modal/user_timed_filter_modal.js
@@ -1,5 +1,5 @@
-import ConfirmModal from 'src/components/confirm_modal/confirm_modal.vue'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
+import ConfirmModal from 'src/components/confirm_modal/confirm_modal.vue'
 import Select from 'src/components/select/select.vue'
 import { durationStrToMs } from 'src/services/date_utils/date_utils.js'
 
diff --git a/src/components/who_to_follow_panel/who_to_follow_panel.js b/src/components/who_to_follow_panel/who_to_follow_panel.js
index 8f1dd4278..9e5eb1dbd 100644
--- a/src/components/who_to_follow_panel/who_to_follow_panel.js
+++ b/src/components/who_to_follow_panel/who_to_follow_panel.js
@@ -1,6 +1,6 @@
-import apiService from '../../services/api/api.service.js'
-import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 import { shuffle } from 'lodash'
+import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
+import apiService from '../../services/api/api.service.js'
 
 function showWhoToFollow(panel, reply) {
   const shuffled = shuffle(reply)
diff --git a/src/hocs/with_load_more/with_load_more.jsx b/src/hocs/with_load_more/with_load_more.jsx
index 1f735325d..8eab49f8d 100644
--- a/src/hocs/with_load_more/with_load_more.jsx
+++ b/src/hocs/with_load_more/with_load_more.jsx
@@ -1,12 +1,13 @@
 // eslint-disable-next-line no-unused
-import { h } from 'vue'
+
 import isEmpty from 'lodash/isEmpty'
+import { h } from 'vue'
 import { getComponentProps } from '../../services/component_utils/component_utils'
 import './with_load_more.scss'
 
-import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
+import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
 
 library.add(faCircleNotch)
 
diff --git a/src/hocs/with_subscription/with_subscription.jsx b/src/hocs/with_subscription/with_subscription.jsx
index 2dc29fd84..36a592cdc 100644
--- a/src/hocs/with_subscription/with_subscription.jsx
+++ b/src/hocs/with_subscription/with_subscription.jsx
@@ -1,12 +1,13 @@
 // eslint-disable-next-line no-unused
-import { h } from 'vue'
+
 import isEmpty from 'lodash/isEmpty'
+import { h } from 'vue'
 import { getComponentProps } from '../../services/component_utils/component_utils'
 import './with_subscription.scss'
 
-import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
+import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
 
 library.add(faCircleNotch)
 
diff --git a/src/i18n/messages.js b/src/i18n/messages.js
index e14ea44c5..f60e888e1 100644
--- a/src/i18n/messages.js
+++ b/src/i18n/messages.js
@@ -8,8 +8,8 @@
 // There's only problem that apostrophe character ' gets replaced by \\ so you have to fix it manually, sorry.
 
 import { isEqual } from 'lodash'
-import { languages, langCodeToJsonName } from './languages.js'
 import enMessages from './en.json'
+import { langCodeToJsonName, languages } from './languages.js'
 
 const ULTIMATE_FALLBACK_LOCALE = 'en'
 
diff --git a/src/lib/persisted_state.js b/src/lib/persisted_state.js
index 854b78027..f842eb94a 100644
--- a/src/lib/persisted_state.js
+++ b/src/lib/persisted_state.js
@@ -1,5 +1,5 @@
+import { cloneDeep, each, get, set } from 'lodash'
 import merge from 'lodash.merge'
-import { each, get, set, cloneDeep } from 'lodash'
 import { useInterfaceStore } from 'src/stores/interface'
 import { storage } from './storage.js'
 
diff --git a/src/main.js b/src/main.js
index 14f4ecccc..6578ef68f 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,6 +1,7 @@
 /* global process */
-import { createStore } from 'vuex'
+
 import { createPinia } from 'pinia'
+import { createStore } from 'vuex'
 
 import 'custom-event-polyfill'
 import './lib/event_target_polyfill.js'
@@ -12,18 +13,14 @@ if (!Array.prototype.toSorted) {
   }
 }
 
-import vuexModules from './modules/index.js'
-
 import { createI18n } from 'vue-i18n'
-
+import afterStoreSetup from './boot/after_store.js'
+import messages from './i18n/messages.js'
 import createPersistedState, {
   piniaPersistPlugin,
 } from './lib/persisted_state.js'
 import pushNotifications from './lib/push_notifications_plugin.js'
-
-import messages from './i18n/messages.js'
-
-import afterStoreSetup from './boot/after_store.js'
+import vuexModules from './modules/index.js'
 
 const currentLocale = (window.navigator.language || 'en').split('-')[0]
 
diff --git a/src/modules/adminSettings.js b/src/modules/adminSettings.js
index 5fc48d4b3..470c72b74 100644
--- a/src/modules/adminSettings.js
+++ b/src/modules/adminSettings.js
@@ -1,4 +1,4 @@
-import { set, get, cloneDeep, differenceWith, isEqual, flatten } from 'lodash'
+import { cloneDeep, differenceWith, flatten, get, isEqual, set } from 'lodash'
 
 export const defaultState = {
   frontends: [],
diff --git a/src/modules/api.js b/src/modules/api.js
index a2dee346c..f751c74d9 100644
--- a/src/modules/api.js
+++ b/src/modules/api.js
@@ -1,9 +1,9 @@
-import backendInteractorService from '../services/backend_interactor_service/backend_interactor_service.js'
-import { WSConnectionStatus } from '../services/api/api.service.js'
-import { maybeShowChatNotification } from '../services/chat_utils/chat_utils.js'
 import { Socket } from 'phoenix'
-import { useShoutStore } from 'src/stores/shout.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
+import { useShoutStore } from 'src/stores/shout.js'
+import { WSConnectionStatus } from '../services/api/api.service.js'
+import backendInteractorService from '../services/backend_interactor_service/backend_interactor_service.js'
+import { maybeShowChatNotification } from '../services/chat_utils/chat_utils.js'
 
 const retryTimeout = (multiplier) => 1000 * multiplier
 
diff --git a/src/modules/chats.js b/src/modules/chats.js
index fa350f91c..c74bf5f01 100644
--- a/src/modules/chats.js
+++ b/src/modules/chats.js
@@ -1,11 +1,11 @@
-import { reactive } from 'vue'
 import { find, omitBy, orderBy, sumBy } from 'lodash'
+import { reactive } from 'vue'
 import chatService from '../services/chat_service/chat_service.js'
+import { maybeShowChatNotification } from '../services/chat_utils/chat_utils.js'
 import {
   parseChat,
   parseChatMessage,
 } from '../services/entity_normalizer/entity_normalizer.service.js'
-import { maybeShowChatNotification } from '../services/chat_utils/chat_utils.js'
 import { promiseInterval } from '../services/promise_interval/promise_interval.js'
 
 const emptyChatList = () => ({
diff --git a/src/modules/config.js b/src/modules/config.js
index 4162113de..7bd7e583f 100644
--- a/src/modules/config.js
+++ b/src/modules/config.js
@@ -1,12 +1,12 @@
 import Cookies from 'js-cookie'
-import { applyConfig } from '../services/style_setter/style_setter.js'
-import messages from '../i18n/messages'
 import { set } from 'lodash'
-import localeService from '../services/locale/locale.service.js'
 import { useI18nStore } from 'src/stores/i18n.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
+import messages from '../i18n/messages'
+import localeService from '../services/locale/locale.service.js'
+import { applyConfig } from '../services/style_setter/style_setter.js'
 
-import { instanceDefaultConfig, defaultState } from './default_config_state.js'
+import { defaultState, instanceDefaultConfig } from './default_config_state.js'
 
 const BACKEND_LANGUAGE_COOKIE_NAME = 'userLanguage'
 const APPEARANCE_SETTINGS_KEYS = new Set([
diff --git a/src/modules/config_declaration.js b/src/modules/config_declaration.js
index f84ccc331..5c0d7ac0e 100644
--- a/src/modules/config_declaration.js
+++ b/src/modules/config_declaration.js
@@ -1,4 +1,5 @@
 export const CONFIG_MIGRATION = 1
+
 import { v4 as uuidv4 } from 'uuid'
 
 // for future use
diff --git a/src/modules/index.js b/src/modules/index.js
index 56336d107..ab9dd2418 100644
--- a/src/modules/index.js
+++ b/src/modules/index.js
@@ -1,13 +1,13 @@
-import instance from './instance.js'
-import statuses from './statuses.js'
-import notifications from './notifications.js'
-import users from './users.js'
-import api from './api.js'
-import config from './config.js'
-import profileConfig from './profileConfig.js'
 import adminSettings from './adminSettings.js'
-import drafts from './drafts.js'
+import api from './api.js'
 import chats from './chats.js'
+import config from './config.js'
+import drafts from './drafts.js'
+import instance from './instance.js'
+import notifications from './notifications.js'
+import profileConfig from './profileConfig.js'
+import statuses from './statuses.js'
+import users from './users.js'
 
 export default {
   instance,
diff --git a/src/modules/instance.js b/src/modules/instance.js
index 6f6b7a602..afea2884c 100644
--- a/src/modules/instance.js
+++ b/src/modules/instance.js
@@ -1,12 +1,12 @@
-import apiService from '../services/api/api.service.js'
-import { instanceDefaultProperties } from './config.js'
-import { ensureFinalFallback } from '../i18n/languages.js'
-import { useInterfaceStore } from 'src/stores/interface.js'
 // See build/emojis_plugin for more details
 import { annotationsLoader } from 'virtual:pleroma-fe/emoji-annotations'
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { ensureFinalFallback } from '../i18n/languages.js'
+import apiService from '../services/api/api.service.js'
+import { instanceDefaultProperties } from './config.js'
 import {
-  staticOrApiConfigDefault,
   instanceDefaultConfig,
+  staticOrApiConfigDefault,
 } from './default_config_state.js'
 
 const SORTED_EMOJI_GROUP_IDS = [
diff --git a/src/modules/notifications.js b/src/modules/notifications.js
index e3c05630e..6c1cb33c3 100644
--- a/src/modules/notifications.js
+++ b/src/modules/notifications.js
@@ -1,19 +1,17 @@
-import apiService from '../services/api/api.service.js'
+import { useReportsStore } from 'src/stores/reports.js'
 import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import apiService from '../services/api/api.service.js'
 
+import {
+  closeAllDesktopNotifications,
+  closeDesktopNotification,
+} from '../services/desktop_notification_utils/desktop_notification_utils.js'
 import {
   isStatusNotification,
   isValidNotification,
   maybeShowNotification,
 } from '../services/notification_utils/notification_utils.js'
 
-import {
-  closeDesktopNotification,
-  closeAllDesktopNotifications,
-} from '../services/desktop_notification_utils/desktop_notification_utils.js'
-
-import { useReportsStore } from 'src/stores/reports.js'
-
 const emptyNotifications = () => ({
   desktopNotificationSilence: true,
   maxId: 0,
diff --git a/src/modules/statuses.js b/src/modules/statuses.js
index 565d357d1..d1378f1be 100644
--- a/src/modules/statuses.js
+++ b/src/modules/statuses.js
@@ -1,19 +1,19 @@
 import {
+  each,
+  find,
+  findIndex,
+  first,
+  isArray,
+  last,
+  maxBy,
+  merge,
+  minBy,
+  omitBy,
   remove,
   slice,
-  each,
-  findIndex,
-  find,
-  maxBy,
-  minBy,
-  merge,
-  first,
-  last,
-  isArray,
-  omitBy,
 } from 'lodash'
-import apiService from '../services/api/api.service.js'
 import { useInterfaceStore } from 'src/stores/interface'
+import apiService from '../services/api/api.service.js'
 
 const emptyTl = (userId = 0) => ({
   statuses: [],
diff --git a/src/modules/users.js b/src/modules/users.js
index 31e6b7411..53e9ccf47 100644
--- a/src/modules/users.js
+++ b/src/modules/users.js
@@ -1,31 +1,28 @@
 import {
   compact,
-  map,
-  each,
-  mergeWith,
-  last,
   concat,
-  uniq,
+  each,
   isArray,
+  last,
+  map,
+  mergeWith,
+  uniq,
 } from 'lodash'
-
-import backendInteractorService from '../services/backend_interactor_service/backend_interactor_service.js'
-import {
-  windowWidth,
-  windowHeight,
-} from '../services/window_utils/window_utils'
+import { declarations } from 'src/modules/config_declaration'
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { useOAuthStore } from 'src/stores/oauth.js'
+import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
 import apiService from '../services/api/api.service.js'
+import backendInteractorService from '../services/backend_interactor_service/backend_interactor_service.js'
 import oauthApi from '../services/new_api/oauth.js'
 import {
   registerPushNotifications,
   unregisterPushNotifications,
 } from '../services/sw/sw.js'
-
-import { useInterfaceStore } from 'src/stores/interface.js'
-import { useOAuthStore } from 'src/stores/oauth.js'
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
-
-import { declarations } from 'src/modules/config_declaration'
+import {
+  windowHeight,
+  windowWidth,
+} from '../services/window_utils/window_utils'
 
 // TODO: Unify with mergeOrAdd in statuses.js
 export const mergeOrAdd = (arr, obj, item) => {
diff --git a/src/services/api/api.service.js b/src/services/api/api.service.js
index 1d0f0a842..477b3ceed 100644
--- a/src/services/api/api.service.js
+++ b/src/services/api/api.service.js
@@ -1,12 +1,12 @@
-import { each, map, concat, last, get } from 'lodash'
+import { concat, each, get, last, map } from 'lodash'
 import {
-  parseStatus,
-  parseSource,
-  parseUser,
-  parseNotification,
   parseAttachment,
   parseChat,
   parseLinkHeaderPagination,
+  parseNotification,
+  parseSource,
+  parseStatus,
+  parseUser,
 } from '../entity_normalizer/entity_normalizer.service.js'
 import { RegistrationError, StatusCodeError } from '../errors/errors'
 
diff --git a/src/services/backend_interactor_service/backend_interactor_service.js b/src/services/backend_interactor_service/backend_interactor_service.js
index da939bff0..ccbc76d2b 100644
--- a/src/services/backend_interactor_service/backend_interactor_service.js
+++ b/src/services/backend_interactor_service/backend_interactor_service.js
@@ -1,12 +1,12 @@
+import bookmarkFoldersFetcher from '../../services/bookmark_folders_fetcher/bookmark_folders_fetcher.service.js'
+import followRequestFetcher from '../../services/follow_request_fetcher/follow_request_fetcher.service'
+import listsFetcher from '../../services/lists_fetcher/lists_fetcher.service.js'
 import apiService, {
   getMastodonSocketURI,
   ProcessedWS,
 } from '../api/api.service.js'
-import timelineFetcher from '../timeline_fetcher/timeline_fetcher.service.js'
 import notificationsFetcher from '../notifications_fetcher/notifications_fetcher.service.js'
-import followRequestFetcher from '../../services/follow_request_fetcher/follow_request_fetcher.service'
-import listsFetcher from '../../services/lists_fetcher/lists_fetcher.service.js'
-import bookmarkFoldersFetcher from '../../services/bookmark_folders_fetcher/bookmark_folders_fetcher.service.js'
+import timelineFetcher from '../timeline_fetcher/timeline_fetcher.service.js'
 
 const backendInteractorService = (credentials) => ({
   startFetchingTimeline({
diff --git a/src/services/bookmark_folders_fetcher/bookmark_folders_fetcher.service.js b/src/services/bookmark_folders_fetcher/bookmark_folders_fetcher.service.js
index 606324d0a..3e96ce998 100644
--- a/src/services/bookmark_folders_fetcher/bookmark_folders_fetcher.service.js
+++ b/src/services/bookmark_folders_fetcher/bookmark_folders_fetcher.service.js
@@ -1,6 +1,6 @@
+import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders.js'
 import apiService from '../api/api.service.js'
 import { promiseInterval } from '../promise_interval/promise_interval.js'
-import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders.js'
 
 const fetchAndUpdate = ({ credentials }) => {
   return apiService
diff --git a/src/services/color_convert/color_convert.js b/src/services/color_convert/color_convert.js
index fad882eaa..9840f9726 100644
--- a/src/services/color_convert/color_convert.js
+++ b/src/services/color_convert/color_convert.js
@@ -1,4 +1,4 @@
-import { invertLightness, contrastRatio, convert } from 'chromatism'
+import { contrastRatio, convert, invertLightness } from 'chromatism'
 
 // useful for visualizing color when debugging
 // const consoleColor = (color) => console.debug('%c##########', 'background: ' + color + '; color: ' + color)
diff --git a/src/services/completion/completion.js b/src/services/completion/completion.js
index 369524f6a..7bd72536d 100644
--- a/src/services/completion/completion.js
+++ b/src/services/completion/completion.js
@@ -1,4 +1,4 @@
-import { reduce, find } from 'lodash'
+import { find, reduce } from 'lodash'
 
 export const replaceWord = (str, toReplace, replacement) => {
   return str.slice(0, toReplace.start) + replacement + str.slice(toReplace.end)
diff --git a/src/services/desktop_notification_utils/desktop_notification_utils.js b/src/services/desktop_notification_utils/desktop_notification_utils.js
index 0c83505a4..cf393aa77 100644
--- a/src/services/desktop_notification_utils/desktop_notification_utils.js
+++ b/src/services/desktop_notification_utils/desktop_notification_utils.js
@@ -1,8 +1,9 @@
 import {
-  showDesktopNotification as swDesktopNotification,
-  closeDesktopNotification as swCloseDesktopNotification,
   isSWSupported,
+  closeDesktopNotification as swCloseDesktopNotification,
+  showDesktopNotification as swDesktopNotification,
 } from '../sw/sw.js'
+
 const state = { failCreateNotif: false }
 
 export const showDesktopNotification = (rootState, desktopNotificationOpts) => {
diff --git a/src/services/entity_normalizer/entity_normalizer.service.js b/src/services/entity_normalizer/entity_normalizer.service.js
index 6351908fc..51c4ff564 100644
--- a/src/services/entity_normalizer/entity_normalizer.service.js
+++ b/src/services/entity_normalizer/entity_normalizer.service.js
@@ -1,7 +1,7 @@
-import escape from 'escape-html'
 import { parseLinkHeader } from '@web3-storage/parse-link-header'
-import { isStatusNotification } from '../notification_utils/notification_utils.js'
+import escape from 'escape-html'
 import punycode from 'punycode.js'
+import { isStatusNotification } from '../notification_utils/notification_utils.js'
 
 /** NOTICE! **
  * Do not initialize UI-generated data here.
diff --git a/src/services/html_converter/html_tree_converter.service.js b/src/services/html_converter/html_tree_converter.service.js
index c47618fff..46854a30b 100644
--- a/src/services/html_converter/html_tree_converter.service.js
+++ b/src/services/html_converter/html_tree_converter.service.js
@@ -1,5 +1,5 @@
-import { getTagName } from './utility.service.js'
 import { unescape } from 'lodash'
+import { getTagName } from './utility.service.js'
 
 /**
  * This is a not-so-tiny purpose-built HTML parser/processor. This parses html
diff --git a/src/services/locale/locale.service.js b/src/services/locale/locale.service.js
index 809dda3a9..17d6119d3 100644
--- a/src/services/locale/locale.service.js
+++ b/src/services/locale/locale.service.js
@@ -1,6 +1,6 @@
-import languagesObject from '../../i18n/messages'
 import ISO6391 from 'iso-639-1'
 import _ from 'lodash'
+import languagesObject from '../../i18n/messages'
 
 const specialLanguageCodes = {
   pdc: 'en',
diff --git a/src/services/notification_utils/notification_utils.js b/src/services/notification_utils/notification_utils.js
index 65eda39ff..b5c233ad9 100644
--- a/src/services/notification_utils/notification_utils.js
+++ b/src/services/notification_utils/notification_utils.js
@@ -1,9 +1,8 @@
-import { muteFilterHits } from '../status_parser/status_parser.js'
-import { showDesktopNotification } from '../desktop_notification_utils/desktop_notification_utils.js'
-import { useI18nStore } from 'src/stores/i18n.js'
-import { useAnnouncementsStore } from 'src/stores/announcements'
-
 import FaviconService from 'src/services/favicon_service/favicon_service.js'
+import { useAnnouncementsStore } from 'src/stores/announcements'
+import { useI18nStore } from 'src/stores/i18n.js'
+import { showDesktopNotification } from '../desktop_notification_utils/desktop_notification_utils.js'
+import { muteFilterHits } from '../status_parser/status_parser.js'
 
 export const ACTIONABLE_NOTIFICATION_TYPES = new Set([
   'mention',
diff --git a/src/services/poll/poll.service.js b/src/services/poll/poll.service.js
index 44e1677b5..8169c2525 100644
--- a/src/services/poll/poll.service.js
+++ b/src/services/poll/poll.service.js
@@ -1,5 +1,5 @@
-import * as DateUtils from 'src/services/date_utils/date_utils.js'
 import { uniq } from 'lodash'
+import * as DateUtils from 'src/services/date_utils/date_utils.js'
 
 const pollFallbackValues = {
   pollType: 'single',
diff --git a/src/services/resettable_async_component.js b/src/services/resettable_async_component.js
index 5fdc484db..09792456b 100644
--- a/src/services/resettable_async_component.js
+++ b/src/services/resettable_async_component.js
@@ -1,4 +1,4 @@
-import { defineAsyncComponent, shallowReactive, h } from 'vue'
+import { defineAsyncComponent, h, shallowReactive } from 'vue'
 
 /* By default async components don't have any way to recover, if component is
  * failed, it is failed forever. This helper tries to remedy that by recreating
diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 142e54a80..01c2f3466 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -1,8 +1,8 @@
-import { init, getEngineChecksum } from '../theme_data/theme_data_3.service.js'
-import { getCssRules } from '../theme_data/css_utils.js'
-import { defaultState } from 'src/modules/default_config_state.js'
-import { chunk, throttle } from 'lodash'
 import localforage from 'localforage'
+import { chunk, throttle } from 'lodash'
+import { defaultState } from 'src/modules/default_config_state.js'
+import { getCssRules } from '../theme_data/css_utils.js'
+import { getEngineChecksum, init } from '../theme_data/theme_data_3.service.js'
 
 // On platforms where this is not supported, it will return undefined
 // Otherwise it will return an array
diff --git a/src/services/theme_data/iss_serializer.js b/src/services/theme_data/iss_serializer.js
index a99adb529..a9c3887dd 100644
--- a/src/services/theme_data/iss_serializer.js
+++ b/src/services/theme_data/iss_serializer.js
@@ -1,5 +1,5 @@
-import { unroll } from './iss_utils.js'
 import { deserializeShadow } from './iss_deserializer.js'
+import { unroll } from './iss_utils.js'
 
 export const serializeShadow = (s) => {
   if (typeof s === 'object') {
diff --git a/src/services/theme_data/pleromafe.js b/src/services/theme_data/pleromafe.js
index bd9356372..5363b9348 100644
--- a/src/services/theme_data/pleromafe.js
+++ b/src/services/theme_data/pleromafe.js
@@ -1,4 +1,4 @@
-import { invertLightness, brightness } from 'chromatism'
+import { brightness, invertLightness } from 'chromatism'
 import { alphaBlend, mixrgb } from '../color_convert/color_convert.js'
 /* This is a definition of all layer combinations
  * each key is a topmost layer, each value represents layer underneath
diff --git a/src/services/theme_data/theme3_slot_functions.js b/src/services/theme_data/theme3_slot_functions.js
index be89bbd23..aab03ef7a 100644
--- a/src/services/theme_data/theme3_slot_functions.js
+++ b/src/services/theme_data/theme3_slot_functions.js
@@ -1,4 +1,4 @@
-import { convert, brightness } from 'chromatism'
+import { brightness, convert } from 'chromatism'
 import {
   alphaBlend,
   arithmeticBlend,
diff --git a/src/services/theme_data/theme_data.service.js b/src/services/theme_data/theme_data.service.js
index e9e59af3b..1516b07e0 100644
--- a/src/services/theme_data/theme_data.service.js
+++ b/src/services/theme_data/theme_data.service.js
@@ -1,13 +1,13 @@
-import { convert, brightness, contrastRatio } from 'chromatism'
+import { brightness, contrastRatio, convert } from 'chromatism'
 import {
-  rgb2hex,
-  rgba2css,
   alphaBlendLayers,
+  getCssColor,
   getTextColor,
   relativeLuminance,
-  getCssColor,
+  rgb2hex,
+  rgba2css,
 } from '../color_convert/color_convert.js'
-import { LAYERS, DEFAULT_OPACITY, SLOT_INHERITANCE } from './pleromafe.js'
+import { DEFAULT_OPACITY, LAYERS, SLOT_INHERITANCE } from './pleromafe.js'
 
 /*
  * # What's all this?
diff --git a/src/services/theme_data/theme_data_3.service.js b/src/services/theme_data/theme_data_3.service.js
index 78545ab22..2456744e7 100644
--- a/src/services/theme_data/theme_data_3.service.js
+++ b/src/services/theme_data/theme_data_3.service.js
@@ -1,29 +1,28 @@
-import { convert, brightness } from 'chromatism'
+import { brightness, convert } from 'chromatism'
 import sum from 'hash-sum'
 import { flattenDeep, sortBy } from 'lodash'
 import {
   alphaBlend,
   getTextColor,
-  rgba2css,
   mixrgb,
   relativeLuminance,
+  rgba2css,
 } from '../color_convert/color_convert.js'
+import { deserializeShadow } from './iss_deserializer.js'
 
+import {
+  findRules,
+  genericRuleToSelector,
+  getAllPossibleCombinations,
+  normalizeCombination,
+  unroll,
+} from './iss_utils.js'
 import {
   colorFunctions,
-  shadowFunctions,
   process,
+  shadowFunctions,
 } from './theme3_slot_functions.js'
 
-import {
-  unroll,
-  getAllPossibleCombinations,
-  genericRuleToSelector,
-  normalizeCombination,
-  findRules,
-} from './iss_utils.js'
-import { deserializeShadow } from './iss_deserializer.js'
-
 // Ensuring the order of components
 const components = {
   Root: null,
diff --git a/src/services/timeline_fetcher/timeline_fetcher.service.js b/src/services/timeline_fetcher/timeline_fetcher.service.js
index 05a1b9990..f876bf5d8 100644
--- a/src/services/timeline_fetcher/timeline_fetcher.service.js
+++ b/src/services/timeline_fetcher/timeline_fetcher.service.js
@@ -1,8 +1,7 @@
 import { camelCase } from 'lodash'
-
+import { useInterfaceStore } from 'src/stores/interface.js'
 import apiService from '../api/api.service.js'
 import { promiseInterval } from '../promise_interval/promise_interval.js'
-import { useInterfaceStore } from 'src/stores/interface.js'
 
 const update = ({
   store,
diff --git a/src/services/user_highlighter/user_highlighter.js b/src/services/user_highlighter/user_highlighter.js
index 6b0f0d7ce..45fbffec2 100644
--- a/src/services/user_highlighter/user_highlighter.js
+++ b/src/services/user_highlighter/user_highlighter.js
@@ -1,4 +1,5 @@
 import { hex2rgb } from '../color_convert/color_convert.js'
+
 const highlightStyle = (prefs) => {
   if (prefs === undefined) return
   const { color, type } = prefs
diff --git a/src/stores/auth_flow.js b/src/stores/auth_flow.js
index 6f18b817a..3c216a445 100644
--- a/src/stores/auth_flow.js
+++ b/src/stores/auth_flow.js
@@ -1,5 +1,5 @@
-import { useOAuthStore } from 'src/stores/oauth.js'
 import { defineStore } from 'pinia'
+import { useOAuthStore } from 'src/stores/oauth.js'
 
 const PASSWORD_STRATEGY = 'password'
 const TOKEN_STRATEGY = 'token'
diff --git a/src/stores/bookmark_folders.js b/src/stores/bookmark_folders.js
index a0e751177..028322f9d 100644
--- a/src/stores/bookmark_folders.js
+++ b/src/stores/bookmark_folders.js
@@ -1,4 +1,4 @@
-import { remove, find } from 'lodash'
+import { find, remove } from 'lodash'
 import { defineStore } from 'pinia'
 
 export const useBookmarkFoldersStore = defineStore('bookmarkFolders', {
diff --git a/src/stores/interface.js b/src/stores/interface.js
index 3704c9cc9..b63044ac0 100644
--- a/src/stores/interface.js
+++ b/src/stores/interface.js
@@ -4,12 +4,12 @@ import {
   CURRENT_VERSION,
   generatePreset,
 } from 'src/services/theme_data/theme_data.service.js'
+import { convertTheme2To3 } from 'src/services/theme_data/theme2_to_theme3.js'
 import {
-  getResourcesIndex,
   applyTheme,
+  getResourcesIndex,
   tryLoadCache,
 } from '../services/style_setter/style_setter.js'
-import { convertTheme2To3 } from 'src/services/theme_data/theme2_to_theme3.js'
 import { deserialize } from '../services/theme_data/iss_deserializer.js'
 
 export const useInterfaceStore = defineStore('interface', {
diff --git a/src/stores/lists.js b/src/stores/lists.js
index 6eda03608..b33a119cc 100644
--- a/src/stores/lists.js
+++ b/src/stores/lists.js
@@ -1,7 +1,6 @@
+import { find, remove } from 'lodash'
 import { defineStore } from 'pinia'
 
-import { remove, find } from 'lodash'
-
 export const useListsStore = defineStore('lists', {
   state: () => ({
     allLists: [],
diff --git a/src/stores/reports.js b/src/stores/reports.js
index c0bb1e6d7..0a6a5d48f 100644
--- a/src/stores/reports.js
+++ b/src/stores/reports.js
@@ -1,6 +1,5 @@
-import { defineStore } from 'pinia'
-
 import filter from 'lodash/filter'
+import { defineStore } from 'pinia'
 import { useInterfaceStore } from 'src/stores/interface'
 
 export const useReportsStore = defineStore('reports', {
diff --git a/src/stores/serverSideStorage.js b/src/stores/serverSideStorage.js
index 4ceebbdc0..5e269cd75 100644
--- a/src/stores/serverSideStorage.js
+++ b/src/stores/serverSideStorage.js
@@ -1,20 +1,20 @@
-import { defineStore } from 'pinia'
-import { toRaw } from 'vue'
 import {
-  isEqual,
-  cloneDeep,
-  set,
-  unset,
-  get,
+  merge as _merge,
   clamp,
-  flatten,
-  groupBy,
+  cloneDeep,
   findLastIndex,
+  flatten,
+  get,
+  groupBy,
+  isEqual,
+  set,
   takeRight,
   uniqWith,
-  merge as _merge,
+  unset,
 } from 'lodash'
+import { defineStore } from 'pinia'
 import { CURRENT_UPDATE_COUNTER } from 'src/components/update_notification/update_notification.js'
+import { toRaw } from 'vue'
 
 export const VERSION = 1
 export const NEW_USER_DATE = new Date('2022-08-04') // date of writing this, basically
diff --git a/src/sw.js b/src/sw.js
index a108f1d69..545818994 100644
--- a/src/sw.js
+++ b/src/sw.js
@@ -1,15 +1,15 @@
 /* eslint-env serviceworker */
 
 import 'virtual:pleroma-fe/service_worker_env'
-import { storage } from 'src/lib/storage.js'
-import { parseNotification } from './services/entity_normalizer/entity_normalizer.service.js'
-import { prepareNotificationObject } from './services/notification_utils/notification_utils.js'
-import { shouldCache, cacheKey, emojiCacheKey } from './services/sw/sw.js'
-import { createI18n } from 'vue-i18n'
 // Collects all messages for service workers
 // Needed because service workers cannot use dynamic imports
 // See /build/sw_plugin.js for more information
 import messages from 'virtual:pleroma-fe/service_worker_messages'
+import { storage } from 'src/lib/storage.js'
+import { createI18n } from 'vue-i18n'
+import { parseNotification } from './services/entity_normalizer/entity_normalizer.service.js'
+import { prepareNotificationObject } from './services/notification_utils/notification_utils.js'
+import { cacheKey, emojiCacheKey, shouldCache } from './services/sw/sw.js'
 
 const i18n = createI18n({
   // By default, use the browser locale, we will update it if neccessary
diff --git a/test/fixtures/mock_api.js b/test/fixtures/mock_api.js
index e4de9fe0e..bae65c8bd 100644
--- a/test/fixtures/mock_api.js
+++ b/test/fixtures/mock_api.js
@@ -1,6 +1,6 @@
-import { test as testBase } from 'vitest'
+import { HttpResponse, http } from 'msw'
 import { setupWorker } from 'msw/browser'
-import { http, HttpResponse } from 'msw'
+import { test as testBase } from 'vitest'
 
 // https://mswjs.io/docs/recipes/vitest-browser-mode
 export const injectMswToTest = (defaultHandlers) => {
diff --git a/test/fixtures/mock_store.js b/test/fixtures/mock_store.js
index 595cb041c..2010066cb 100644
--- a/test/fixtures/mock_store.js
+++ b/test/fixtures/mock_store.js
@@ -1,6 +1,6 @@
-import { createStore } from 'vuex'
 import { cloneDeep } from 'lodash'
 import vuexModules from 'src/modules/index.js'
+import { createStore } from 'vuex'
 
 const tweakModules = (modules) => {
   const res = {}
diff --git a/test/fixtures/setup_test.js b/test/fixtures/setup_test.js
index 6a998efa0..37a18b847 100644
--- a/test/fixtures/setup_test.js
+++ b/test/fixtures/setup_test.js
@@ -1,7 +1,7 @@
 import { config } from '@vue/test-utils'
-import { createRouter, createMemoryHistory } from 'vue-router'
-import VueVirtualScroller from 'vue-virtual-scroller'
 import routes from 'src/boot/routes'
+import { createMemoryHistory, createRouter } from 'vue-router'
+import VueVirtualScroller from 'vue-virtual-scroller'
 import makeMockStore from './mock_store'
 
 export const $t = (msg) => msg
diff --git a/test/unit/specs/boot/routes.spec.js b/test/unit/specs/boot/routes.spec.js
index 043b51338..0cc9121a4 100644
--- a/test/unit/specs/boot/routes.spec.js
+++ b/test/unit/specs/boot/routes.spec.js
@@ -1,5 +1,5 @@
 import routes from 'src/boot/routes'
-import { createRouter, createMemoryHistory } from 'vue-router'
+import { createMemoryHistory, createRouter } from 'vue-router'
 import { createStore } from 'vuex'
 
 const store = createStore({
diff --git a/test/unit/specs/components/draft.spec.js b/test/unit/specs/components/draft.spec.js
index 47bc2aa26..413c8990a 100644
--- a/test/unit/specs/components/draft.spec.js
+++ b/test/unit/specs/components/draft.spec.js
@@ -1,7 +1,7 @@
-import { mount, flushPromises } from '@vue/test-utils'
-import { nextTick } from 'vue'
+import { flushPromises, mount } from '@vue/test-utils'
 import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
-import { mountOpts, waitForEvent, $t } from '../../../fixtures/setup_test'
+import { nextTick } from 'vue'
+import { $t, mountOpts, waitForEvent } from '../../../fixtures/setup_test'
 
 const autoSaveOrNot = (caseFn, caseTitle, runFn) => {
   caseFn(`${caseTitle} with auto-save`, function () {
diff --git a/test/unit/specs/components/emoji_input.spec.js b/test/unit/specs/components/emoji_input.spec.js
index ca9f8fa2a..7919b6c51 100644
--- a/test/unit/specs/components/emoji_input.spec.js
+++ b/test/unit/specs/components/emoji_input.spec.js
@@ -1,7 +1,7 @@
-import { h } from 'vue'
 import { shallowMount } from '@vue/test-utils'
-import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
 import vClickOutside from 'click-outside-vue3'
+import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
+import { h } from 'vue'
 
 const generateInput = (value, padEmoji = true) => {
   const wrapper = shallowMount(EmojiInput, {
diff --git a/test/unit/specs/components/user_profile.spec.js b/test/unit/specs/components/user_profile.spec.js
index 2a0592cee..b55f526cb 100644
--- a/test/unit/specs/components/user_profile.spec.js
+++ b/test/unit/specs/components/user_profile.spec.js
@@ -1,8 +1,8 @@
 import { mount } from '@vue/test-utils'
-import { createStore } from 'vuex'
 import UserProfile from 'src/components/user_profile/user_profile.vue'
-import backendInteractorService from 'src/services/backend_interactor_service/backend_interactor_service.js'
 import { getters } from 'src/modules/users.js'
+import backendInteractorService from 'src/services/backend_interactor_service/backend_interactor_service.js'
+import { createStore } from 'vuex'
 
 const mutations = {
   clearTimeline: () => {},
diff --git a/test/unit/specs/lib/persisted_state.spec.js b/test/unit/specs/lib/persisted_state.spec.js
index b6904930f..cfa62fe09 100644
--- a/test/unit/specs/lib/persisted_state.spec.js
+++ b/test/unit/specs/lib/persisted_state.spec.js
@@ -1,7 +1,7 @@
-import { setActivePinia, createPinia, defineStore } from 'pinia'
-import { createApp } from 'vue'
 import { flushPromises } from '@vue/test-utils'
+import { createPinia, defineStore, setActivePinia } from 'pinia'
 import { piniaPersistPlugin } from 'src/lib/persisted_state.js'
+import { createApp } from 'vue'
 
 const app = createApp({})
 
diff --git a/test/unit/specs/modules/serverSideStorage.spec.js b/test/unit/specs/modules/serverSideStorage.spec.js
index 1422b3aa0..bd2028ea3 100644
--- a/test/unit/specs/modules/serverSideStorage.spec.js
+++ b/test/unit/specs/modules/serverSideStorage.spec.js
@@ -1,19 +1,19 @@
 import { cloneDeep } from 'lodash'
-import { setActivePinia, createPinia } from 'pinia'
+import { createPinia, setActivePinia } from 'pinia'
 
 import {
-  VERSION,
-  COMMAND_TRIM_FLAGS,
-  COMMAND_TRIM_FLAGS_AND_RESET,
-  _moveItemInArray,
-  _getRecentData,
   _getAllFlags,
+  _getRecentData,
   _mergeFlags,
   _mergePrefs,
+  _moveItemInArray,
   _resetFlags,
+  COMMAND_TRIM_FLAGS,
+  COMMAND_TRIM_FLAGS_AND_RESET,
   defaultState,
   newUserFlags,
   useServerSideStorageStore,
+  VERSION,
 } from 'src/stores/serverSideStorage.js'
 
 describe('The serverSideStorage module', () => {
diff --git a/test/unit/specs/modules/users.spec.js b/test/unit/specs/modules/users.spec.js
index 2f7e7171a..c07f817d8 100644
--- a/test/unit/specs/modules/users.spec.js
+++ b/test/unit/specs/modules/users.spec.js
@@ -2,8 +2,8 @@ import { cloneDeep } from 'lodash'
 
 import {
   defaultState,
-  mutations,
   getters,
+  mutations,
 } from '../../../../src/modules/users.js'
 
 describe('The users module', () => {
diff --git a/test/unit/specs/services/completion/completion.spec.js b/test/unit/specs/services/completion/completion.spec.js
index 139cc0b60..582ff79e8 100644
--- a/test/unit/specs/services/completion/completion.spec.js
+++ b/test/unit/specs/services/completion/completion.spec.js
@@ -1,8 +1,8 @@
 import {
-  replaceWord,
   addPositionToWords,
-  wordAtPosition,
+  replaceWord,
   splitByWhitespaceBoundary,
+  wordAtPosition,
 } from '../../../../../src/services/completion/completion.js'
 
 describe('addPositiontoWords', () => {
diff --git a/test/unit/specs/services/entity_normalizer/entity_normalizer.spec.js b/test/unit/specs/services/entity_normalizer/entity_normalizer.spec.js
index a03cd6ed9..cd877b05e 100644
--- a/test/unit/specs/services/entity_normalizer/entity_normalizer.spec.js
+++ b/test/unit/specs/services/entity_normalizer/entity_normalizer.spec.js
@@ -1,8 +1,8 @@
 import {
+  parseLinkHeaderPagination,
+  parseNotification,
   parseStatus,
   parseUser,
-  parseNotification,
-  parseLinkHeaderPagination,
 } from '../../../../../src/services/entity_normalizer/entity_normalizer.service.js'
 import mastoapidata from '../../../../fixtures/mastoapi.json'
 import qvitterapidata from '../../../../fixtures/statuses.json'
diff --git a/test/unit/specs/services/file_size_format/file_size_format.spec.js b/test/unit/specs/services/file_size_format/file_size_format.spec.js
index 67f7dc6a3..a3a4c9335 100644
--- a/test/unit/specs/services/file_size_format/file_size_format.spec.js
+++ b/test/unit/specs/services/file_size_format/file_size_format.spec.js
@@ -1,4 +1,5 @@
 import fileSizeFormatService from '../../../../../src/services/file_size_format/file_size_format.js'
+
 describe('fileSizeFormat', () => {
   it('Formats file size', () => {
     const values = [1, 1024, 1048576, 1073741824, 1099511627776]
diff --git a/test/unit/specs/services/html_converter/utility.spec.js b/test/unit/specs/services/html_converter/utility.spec.js
index 8a7f17711..394a0f208 100644
--- a/test/unit/specs/services/html_converter/utility.spec.js
+++ b/test/unit/specs/services/html_converter/utility.spec.js
@@ -1,6 +1,6 @@
 import {
-  processTextForEmoji,
   getAttrs,
+  processTextForEmoji,
 } from 'src/services/html_converter/utility.service.js'
 
 describe('html_converter utility', () => {
diff --git a/test/unit/specs/services/theme_data/iss_deserializer.spec.js b/test/unit/specs/services/theme_data/iss_deserializer.spec.js
index 59c1adfaf..0b93b6149 100644
--- a/test/unit/specs/services/theme_data/iss_deserializer.spec.js
+++ b/test/unit/specs/services/theme_data/iss_deserializer.spec.js
@@ -1,5 +1,6 @@
 import { deserialize } from 'src/services/theme_data/iss_deserializer.js'
 import { serialize } from 'src/services/theme_data/iss_serializer.js'
+
 const componentsContext = import.meta.glob(
   ['/src/**/*.style.js', '/src/**/*.style.json'],
   { eager: true },
diff --git a/test/unit/specs/stores/lists.spec.js b/test/unit/specs/stores/lists.spec.js
index 32bd10b64..e1cf67362 100644
--- a/test/unit/specs/stores/lists.spec.js
+++ b/test/unit/specs/stores/lists.spec.js
@@ -1,7 +1,7 @@
 import { createPinia, setActivePinia } from 'pinia'
+import apiModule from 'src/modules/api.js'
 import { useListsStore } from 'src/stores/lists.js'
 import { createStore } from 'vuex'
-import apiModule from 'src/modules/api.js'
 
 setActivePinia(createPinia())
 const store = useListsStore()
diff --git a/test/unit/specs/stores/oauth.spec.js b/test/unit/specs/stores/oauth.spec.js
index a743afe8e..ae4ccd846 100644
--- a/test/unit/specs/stores/oauth.spec.js
+++ b/test/unit/specs/stores/oauth.spec.js
@@ -1,11 +1,11 @@
+import { HttpResponse, http } from 'msw'
+import { createPinia, setActivePinia } from 'pinia'
+import { useOAuthStore } from 'src/stores/oauth.js'
 import { createApp } from 'vue'
 import { createStore } from 'vuex'
-import { createPinia, setActivePinia } from 'pinia'
-import { http, HttpResponse } from 'msw'
-import { useOAuthStore } from 'src/stores/oauth.js'
 import {
-  injectMswToTest,
   authApis,
+  injectMswToTest,
   testServer,
 } from '/test/fixtures/mock_api.js'
 
diff --git a/vite.config.js b/vite.config.js
index bd81482b1..41468a089 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,19 +1,19 @@
-import { fileURLToPath } from 'node:url'
 import { dirname, resolve } from 'node:path'
-import { defineConfig } from 'vite'
+import { fileURLToPath } from 'node:url'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
-import stylelint from 'vite-plugin-stylelint'
+import { defineConfig } from 'vite'
 import eslint from 'vite-plugin-eslint2'
+import stylelint from 'vite-plugin-stylelint'
+import { getCommitHash } from './build/commit_hash.js'
+import copyPlugin from './build/copy_plugin.js'
 import emojisPlugin from './build/emojis_plugin.js'
+import mswPlugin from './build/msw_plugin.js'
 import {
-  devSwPlugin,
   buildSwPlugin,
+  devSwPlugin,
   swMessagesPlugin,
 } from './build/sw_plugin.js'
-import copyPlugin from './build/copy_plugin.js'
-import { getCommitHash } from './build/commit_hash.js'
-import mswPlugin from './build/msw_plugin.js'
 
 const localConfigPath = '<projectRoot>/config/local.json'
 const getLocalDevSettings = async () => {