diff --git a/.editorconfig b/.editorconfig
index 1c3e0d5..04a6282 100644
--- a/.editorconfig
+++ b/.editorconfig
@@ -204,7 +204,7 @@ ij_javascript_spaces_within_brackets = false
 ij_javascript_spaces_within_catch_parentheses = false
 ij_javascript_spaces_within_for_parentheses = false
 ij_javascript_spaces_within_if_parentheses = false
-ij_javascript_spaces_within_imports = false
+ij_javascript_spaces_within_imports = true
 ij_javascript_spaces_within_interpolation_expressions = false
 ij_javascript_spaces_within_method_call_parentheses = false
 ij_javascript_spaces_within_method_parentheses = false
@@ -221,7 +221,7 @@ ij_javascript_ternary_operation_wrap = off
 ij_javascript_union_types_wrap = on_every_item
 ij_javascript_use_chained_calls_group_indents = false
 ij_javascript_use_double_quotes = true
-ij_javascript_use_explicit_js_extension = auto
+ij_javascript_use_explicit_js_extension = never
 ij_javascript_use_import_type = auto
 ij_javascript_use_path_mapping = always
 ij_javascript_use_public_modifier = false
@@ -376,7 +376,7 @@ ij_typescript_spaces_within_brackets = false
 ij_typescript_spaces_within_catch_parentheses = false
 ij_typescript_spaces_within_for_parentheses = false
 ij_typescript_spaces_within_if_parentheses = false
-ij_typescript_spaces_within_imports = false
+ij_typescript_spaces_within_imports = true
 ij_typescript_spaces_within_interpolation_expressions = false
 ij_typescript_spaces_within_method_call_parentheses = false
 ij_typescript_spaces_within_method_parentheses = false
@@ -393,7 +393,7 @@ ij_typescript_ternary_operation_wrap = off
 ij_typescript_union_types_wrap = on_every_item
 ij_typescript_use_chained_calls_group_indents = false
 ij_typescript_use_double_quotes = true
-ij_typescript_use_explicit_js_extension = auto
+ij_typescript_use_explicit_js_extension = never
 ij_typescript_use_import_type = auto
 ij_typescript_use_path_mapping = always
 ij_typescript_use_public_modifier = false
diff --git a/src/app.d.ts b/src/app.d.ts
index 6040841..5a58731 100644
--- a/src/app.d.ts
+++ b/src/app.d.ts
@@ -1,7 +1,7 @@
 // See https://kit.svelte.dev/docs/types#app
 // for information about these interfaces
-import MaintenanceProfile from "$entities/MaintenanceProfile.ts";
-import type TagGroup from "$entities/TagGroup.ts";
+import MaintenanceProfile from "$entities/MaintenanceProfile";
+import type TagGroup from "$entities/TagGroup";
 
 declare global {
   namespace App {
diff --git a/src/components/debugging/StorageViewer.svelte b/src/components/debugging/StorageViewer.svelte
index 0a9bb49..fdccae6 100644
--- a/src/components/debugging/StorageViewer.svelte
+++ b/src/components/debugging/StorageViewer.svelte
@@ -1,9 +1,9 @@
 <script>
     import Menu from "$components/ui/menu/Menu.svelte";
     import MenuItem from "$components/ui/menu/MenuItem.svelte";
-    import {storagesCollection} from "$stores/debug.js";
-    import {goto} from "$app/navigation";
-    import {findDeepObject} from "$lib/utils.js";
+    import { storagesCollection } from "$stores/debug";
+    import { goto } from "$app/navigation";
+    import { findDeepObject } from "$lib/utils";
 
     /** @type {string} */
     export let storage;
diff --git a/src/components/features/GroupView.svelte b/src/components/features/GroupView.svelte
index e984d2a..7d912e7 100644
--- a/src/components/features/GroupView.svelte
+++ b/src/components/features/GroupView.svelte
@@ -2,7 +2,7 @@
     import TagsColorContainer from "$components/tags/TagsColorContainer.svelte";
 
     /**
-     * @type {import('$entities/TagGroup.ts').default}
+     * @type {import('$entities/TagGroup').default}
      */
     export let group;
 
diff --git a/src/components/features/ProfileView.svelte b/src/components/features/ProfileView.svelte
index d3084bb..59efe3f 100644
--- a/src/components/features/ProfileView.svelte
+++ b/src/components/features/ProfileView.svelte
@@ -1,5 +1,5 @@
 <script>
-    /** @type {import('$entities/MaintenanceProfile.ts').default} */
+    /** @type {import('$entities/MaintenanceProfile').default} */
     export let profile;
 
     const sortedTagsList = profile.settings.tags.sort((a, b) => a.localeCompare(b));
diff --git a/src/components/layout/Footer.svelte b/src/components/layout/Footer.svelte
index 810ab57..d20e91d 100644
--- a/src/components/layout/Footer.svelte
+++ b/src/components/layout/Footer.svelte
@@ -1,5 +1,5 @@
 <script>
-    import {version} from "$app/environment";
+    import { version } from "$app/environment";
 </script>
 
 <footer>
diff --git a/src/components/ui/forms/TagCategorySelectField.svelte b/src/components/ui/forms/TagCategorySelectField.svelte
index b4cbc5f..a33c1fe 100644
--- a/src/components/ui/forms/TagCategorySelectField.svelte
+++ b/src/components/ui/forms/TagCategorySelectField.svelte
@@ -1,6 +1,6 @@
 <script>
     import SelectField from "$components/ui/forms/SelectField.svelte";
-    import { categories } from "$lib/booru/tag-categories.js";
+    import { categories } from "$lib/booru/tag-categories";
 
     /** @type {string} */
     export let value = '';
diff --git a/src/content/header.js b/src/content/header.js
index b9f3cec..00ccd65 100644
--- a/src/content/header.js
+++ b/src/content/header.js
@@ -1,4 +1,4 @@
-import {initializeSiteHeader} from "$lib/components/SiteHeaderWrapper.js";
+import { initializeSiteHeader } from "$lib/components/SiteHeaderWrapper";
 
 const siteHeader = document.querySelector('.header');
 
diff --git a/src/content/listing.js b/src/content/listing.js
index 6c0b96d..985eac1 100644
--- a/src/content/listing.js
+++ b/src/content/listing.js
@@ -1,8 +1,8 @@
-import {createMaintenancePopup} from "$lib/components/MaintenancePopup.js";
-import {createMediaBoxTools} from "$lib/components/MediaBoxTools.js";
-import {calculateMediaBoxesPositions, initializeMediaBox} from "$lib/components/MediaBoxWrapper.js";
-import {createMaintenanceStatusIcon} from "$lib/components/MaintenanceStatusIcon.js";
-import {createImageShowFullscreenButton} from "$lib/components/ImageShowFullscreenButton.js";
+import { createMaintenancePopup } from "$lib/components/MaintenancePopup";
+import { createMediaBoxTools } from "$lib/components/MediaBoxTools";
+import { calculateMediaBoxesPositions, initializeMediaBox } from "$lib/components/MediaBoxWrapper";
+import { createMaintenanceStatusIcon } from "$lib/components/MaintenanceStatusIcon";
+import { createImageShowFullscreenButton } from "$lib/components/ImageShowFullscreenButton";
 
 /** @type {NodeListOf<HTMLElement>} */
 const mediaBoxes = document.querySelectorAll('.media-box');
diff --git a/src/content/tags-editor.js b/src/content/tags-editor.js
index 91207dd..1f32314 100644
--- a/src/content/tags-editor.js
+++ b/src/content/tags-editor.js
@@ -1,3 +1,3 @@
-import {TagsForm} from "$lib/components/TagsForm.js";
+import { TagsForm } from "$lib/components/TagsForm";
 
 TagsForm.watchForEditors();
diff --git a/src/content/tags.js b/src/content/tags.js
index d5c3edc..f8d685b 100644
--- a/src/content/tags.js
+++ b/src/content/tags.js
@@ -1,4 +1,4 @@
-import {watchTagDropdownsInTagsEditor, wrapTagDropdown} from "$lib/components/TagDropdownWrapper.js";
+import { watchTagDropdownsInTagsEditor, wrapTagDropdown } from "$lib/components/TagDropdownWrapper";
 
 for (let tagDropdownElement of document.querySelectorAll('.tag.dropdown')) {
   wrapTagDropdown(tagDropdownElement);
diff --git a/src/lib/booru/scraped/ScrapedAPI.js b/src/lib/booru/scraped/ScrapedAPI.js
index 919c3ca..f880eb8 100644
--- a/src/lib/booru/scraped/ScrapedAPI.js
+++ b/src/lib/booru/scraped/ScrapedAPI.js
@@ -1,4 +1,4 @@
-import PostParser from "$lib/booru/scraped/parsing/PostParser.js";
+import PostParser from "$lib/booru/scraped/parsing/PostParser";
 
 export default class ScrapedAPI {
   /**
diff --git a/src/lib/booru/scraped/parsing/PostParser.js b/src/lib/booru/scraped/parsing/PostParser.js
index dcef003..bac254d 100644
--- a/src/lib/booru/scraped/parsing/PostParser.js
+++ b/src/lib/booru/scraped/parsing/PostParser.js
@@ -1,5 +1,5 @@
-import PageParser from "$lib/booru/scraped/parsing/PageParser.js";
-import {buildTagsAndAliasesMap} from "$lib/booru/TagsUtils.js";
+import PageParser from "$lib/booru/scraped/parsing/PageParser";
+import { buildTagsAndAliasesMap } from "$lib/booru/TagsUtils";
 
 export default class PostParser extends PageParser {
   /** @type {HTMLFormElement} */
diff --git a/src/lib/browser/StorageHelper.js b/src/lib/browser/StorageHelper.js
index add714c..1d4bf26 100644
--- a/src/lib/browser/StorageHelper.js
+++ b/src/lib/browser/StorageHelper.js
@@ -4,12 +4,12 @@
  */
 class StorageHelper {
   /**
-   * @type {import('@types/chrome').storage.StorageArea}
+   * @type {chrome.storage.StorageArea}
    */
   #storageArea;
 
   /**
-   * @param {import('@types/chrome').storage.StorageArea} storageArea
+   * @param {chrome.storage.StorageArea} storageArea
    */
   constructor(storageArea) {
     this.#storageArea = storageArea;
@@ -39,7 +39,7 @@ class StorageHelper {
 
   /**
    * Subscribe to changes in the local storage.
-   * @param {function(Record<string, StorageChange>): void} callback
+   * @param {function(Record<string, chrome.storage.StorageChange>): void} callback
    */
   subscribe(callback) {
     this.#storageArea.onChanged.addListener(callback);
@@ -47,11 +47,11 @@ class StorageHelper {
 
   /**
    * Unsubscribe from changes in the local storage.
-   * @param {function(Record<string, StorageChange>): void} callback
+   * @param {function(Record<string, chrome.storage.StorageChange>): void} callback
    */
   unsubscribe(callback) {
     this.#storageArea.onChanged.removeListener(callback);
   }
 }
 
-export default StorageHelper;
\ No newline at end of file
+export default StorageHelper;
diff --git a/src/lib/components/FullscreenViewer.js b/src/lib/components/FullscreenViewer.js
index ee8b939..9449dac 100644
--- a/src/lib/components/FullscreenViewer.js
+++ b/src/lib/components/FullscreenViewer.js
@@ -1,5 +1,5 @@
-import {BaseComponent} from "$lib/components/base/BaseComponent.js";
-import MiscSettings from "$lib/extension/settings/MiscSettings.ts";
+import { BaseComponent } from "$lib/components/base/BaseComponent";
+import MiscSettings from "$lib/extension/settings/MiscSettings";
 
 export class FullscreenViewer extends BaseComponent {
   /** @type {HTMLVideoElement} */
@@ -189,7 +189,7 @@ export class FullscreenViewer extends BaseComponent {
   }
 
   /**
-   * @param {import("$lib/extension/settings/MiscSettings.js").FullscreenViewerSize} size
+   * @param {import("$lib/extension/settings/MiscSettings").FullscreenViewerSize} size
    */
   #onSizeResolved(size) {
     this.#sizeSelectorElement.value = size;
@@ -325,7 +325,7 @@ export class FullscreenViewer extends BaseComponent {
   static #minRequiredDistance = 50;
 
   /**
-   * @type {Record<import("$lib/extension/settings/MiscSettings.js").FullscreenViewerSize, string>}
+   * @type {Record<import("$lib/extension/settings/MiscSettings").FullscreenViewerSize, string>}
    */
   static #previewSizes = {
     full: 'Full',
diff --git a/src/lib/components/ImageShowFullscreenButton.js b/src/lib/components/ImageShowFullscreenButton.js
index 2f8c6e3..7c0b63a 100644
--- a/src/lib/components/ImageShowFullscreenButton.js
+++ b/src/lib/components/ImageShowFullscreenButton.js
@@ -1,13 +1,13 @@
-import {BaseComponent} from "$lib/components/base/BaseComponent.js";
-import {getComponent} from "$lib/components/base/ComponentUtils.js";
-import MiscSettings from "$lib/extension/settings/MiscSettings.ts";
-import {FullscreenViewer} from "$lib/components/FullscreenViewer.js";
+import { BaseComponent } from "$lib/components/base/BaseComponent";
+import { getComponent } from "$lib/components/base/ComponentUtils";
+import MiscSettings from "$lib/extension/settings/MiscSettings";
+import { FullscreenViewer } from "$lib/components/FullscreenViewer";
 
 export class ImageShowFullscreenButton extends BaseComponent {
   /**
-   * @type {MediaBoxTools}
+   * @type {import('./MediaBoxTools').MediaBoxTools|null}
    */
-  #mediaBoxTools;
+  #mediaBoxTools= null;
   #isFullscreenButtonEnabled = false;
 
   build() {
diff --git a/src/lib/components/MaintenancePopup.js b/src/lib/components/MaintenancePopup.js
index 1435d55..6dc1f1c 100644
--- a/src/lib/components/MaintenancePopup.js
+++ b/src/lib/components/MaintenancePopup.js
@@ -1,10 +1,10 @@
-import MaintenanceSettings from "$lib/extension/settings/MaintenanceSettings.ts";
-import MaintenanceProfile from "$entities/MaintenanceProfile.ts";
-import {BaseComponent} from "$lib/components/base/BaseComponent.js";
-import {getComponent} from "$lib/components/base/ComponentUtils.js";
-import ScrapedAPI from "$lib/booru/scraped/ScrapedAPI.js";
-import {tagsBlacklist} from "$config/tags.ts";
-import {emitterAt} from "$lib/components/events/comms";
+import MaintenanceSettings from "$lib/extension/settings/MaintenanceSettings";
+import MaintenanceProfile from "$entities/MaintenanceProfile";
+import { BaseComponent } from "$lib/components/base/BaseComponent";
+import { getComponent } from "$lib/components/base/ComponentUtils";
+import ScrapedAPI from "$lib/booru/scraped/ScrapedAPI";
+import { tagsBlacklist } from "$config/tags";
+import { emitterAt } from "$lib/components/events/comms";
 import {
   eventActiveProfileChanged,
   eventMaintenanceStateChanged,
@@ -33,7 +33,7 @@ export class MaintenancePopup extends BaseComponent {
   /** @type {MaintenanceProfile|null} */
   #activeProfile = null;
 
-  /** @type {import('$lib/components/MediaBoxTools.js').MediaBoxTools} */
+  /** @type {import('$lib/components/MediaBoxTools').MediaBoxTools} */
   #mediaBoxTools = null;
 
   /** @type {Set<string>} */
diff --git a/src/lib/components/MaintenanceStatusIcon.js b/src/lib/components/MaintenanceStatusIcon.js
index 680a937..4c0423d 100644
--- a/src/lib/components/MaintenanceStatusIcon.js
+++ b/src/lib/components/MaintenanceStatusIcon.js
@@ -1,10 +1,10 @@
-import {BaseComponent} from "$lib/components/base/BaseComponent.js";
-import {getComponent} from "$lib/components/base/ComponentUtils.js";
-import {on} from "$lib/components/events/comms";
-import {eventMaintenanceStateChanged} from "$lib/components/events/maintenance-popup-events";
+import { BaseComponent } from "$lib/components/base/BaseComponent";
+import { getComponent } from "$lib/components/base/ComponentUtils";
+import { on } from "$lib/components/events/comms";
+import { eventMaintenanceStateChanged } from "$lib/components/events/maintenance-popup-events";
 
 export class MaintenanceStatusIcon extends BaseComponent {
-  /** @type {import('MediaBoxTools.js').MediaBoxTools} */
+  /** @type {import('./MediaBoxTools').MediaBoxTools} */
   #mediaBoxTools;
 
   build() {
diff --git a/src/lib/components/MediaBoxTools.js b/src/lib/components/MediaBoxTools.js
index a4c4477..c7afac7 100644
--- a/src/lib/components/MediaBoxTools.js
+++ b/src/lib/components/MediaBoxTools.js
@@ -1,11 +1,11 @@
-import {BaseComponent} from "$lib/components/base/BaseComponent.js";
-import {getComponent} from "$lib/components/base/ComponentUtils.js";
-import {MaintenancePopup} from "$lib/components/MaintenancePopup.js";
-import {on} from "$lib/components/events/comms";
-import {eventActiveProfileChanged} from "$lib/components/events/maintenance-popup-events";
+import { BaseComponent } from "$lib/components/base/BaseComponent";
+import { getComponent } from "$lib/components/base/ComponentUtils";
+import { MaintenancePopup } from "$lib/components/MaintenancePopup";
+import { on } from "$lib/components/events/comms";
+import { eventActiveProfileChanged } from "$lib/components/events/maintenance-popup-events";
 
 export class MediaBoxTools extends BaseComponent {
-  /** @type {import('MediaBoxWrapper.js').MediaBoxWrapper|null} */
+  /** @type {import('./MediaBoxWrapper').MediaBoxWrapper|null} */
   #mediaBox;
 
   /** @type {MaintenancePopup|null} */
@@ -40,7 +40,7 @@ export class MediaBoxTools extends BaseComponent {
   }
 
   /**
-   * @param {CustomEvent<import('$entities/MaintenanceProfile.js').default|null>} profileChangedEvent
+   * @param {CustomEvent<import('$entities/MaintenanceProfile').default|null>} profileChangedEvent
    */
   #onActiveProfileChanged(profileChangedEvent) {
     this.container.classList.toggle('has-active-profile', profileChangedEvent.detail !== null);
@@ -54,7 +54,7 @@ export class MediaBoxTools extends BaseComponent {
   }
 
   /**
-   * @return {import('MediaBoxWrapper.js').MediaBoxWrapper|null}
+   * @return {import('./MediaBoxWrapper').MediaBoxWrapper|null}
    */
   get mediaBox() {
     return this.#mediaBox;
diff --git a/src/lib/components/MediaBoxWrapper.js b/src/lib/components/MediaBoxWrapper.js
index 4cc41e6..4559fd6 100644
--- a/src/lib/components/MediaBoxWrapper.js
+++ b/src/lib/components/MediaBoxWrapper.js
@@ -1,8 +1,8 @@
-import {BaseComponent} from "$lib/components/base/BaseComponent.js";
-import {getComponent} from "$lib/components/base/ComponentUtils.js";
-import {buildTagsAndAliasesMap} from "$lib/booru/TagsUtils.js";
-import {on} from "$lib/components/events/comms";
-import {eventTagsUpdated} from "$lib/components/events/maintenance-popup-events";
+import { BaseComponent } from "$lib/components/base/BaseComponent";
+import { getComponent } from "$lib/components/base/ComponentUtils";
+import { buildTagsAndAliasesMap } from "$lib/booru/TagsUtils";
+import { on } from "$lib/components/events/comms";
+import { eventTagsUpdated } from "$lib/components/events/maintenance-popup-events";
 
 export class MediaBoxWrapper extends BaseComponent {
   #thumbnailContainer = null;
diff --git a/src/lib/components/SearchWrapper.js b/src/lib/components/SearchWrapper.js
index d0e9894..80f2da4 100644
--- a/src/lib/components/SearchWrapper.js
+++ b/src/lib/components/SearchWrapper.js
@@ -1,6 +1,6 @@
-import {BaseComponent} from "$lib/components/base/BaseComponent.js";
-import {QueryLexer, QuotedTermToken, TermToken, Token} from "$lib/booru/search/QueryLexer.js";
-import SearchSettings from "$lib/extension/settings/SearchSettings.ts";
+import { BaseComponent } from "$lib/components/base/BaseComponent";
+import { QueryLexer, QuotedTermToken, TermToken, Token } from "$lib/booru/search/QueryLexer";
+import SearchSettings from "$lib/extension/settings/SearchSettings";
 
 export class SearchWrapper extends BaseComponent {
   /** @type {HTMLInputElement|null} */
diff --git a/src/lib/components/SiteHeaderWrapper.js b/src/lib/components/SiteHeaderWrapper.js
index f8a1160..3790097 100644
--- a/src/lib/components/SiteHeaderWrapper.js
+++ b/src/lib/components/SiteHeaderWrapper.js
@@ -1,5 +1,5 @@
-import {BaseComponent} from "$lib/components/base/BaseComponent.js";
-import {SearchWrapper} from "$lib/components/SearchWrapper.js";
+import { BaseComponent } from "$lib/components/base/BaseComponent";
+import { SearchWrapper } from "$lib/components/SearchWrapper";
 
 class SiteHeaderWrapper extends BaseComponent {
   /** @type {SearchWrapper|null} */
diff --git a/src/lib/components/TagDropdownWrapper.js b/src/lib/components/TagDropdownWrapper.js
index a532a15..4c72dd1 100644
--- a/src/lib/components/TagDropdownWrapper.js
+++ b/src/lib/components/TagDropdownWrapper.js
@@ -1,7 +1,7 @@
-import {BaseComponent} from "$lib/components/base/BaseComponent.js";
-import MaintenanceProfile from "$entities/MaintenanceProfile.ts";
-import MaintenanceSettings from "$lib/extension/settings/MaintenanceSettings.ts";
-import {getComponent} from "$lib/components/base/ComponentUtils.js";
+import { BaseComponent } from "$lib/components/base/BaseComponent";
+import MaintenanceProfile from "$entities/MaintenanceProfile";
+import MaintenanceSettings from "$lib/extension/settings/MaintenanceSettings";
+import { getComponent } from "$lib/components/base/ComponentUtils";
 import CustomCategoriesResolver from "$lib/extension/CustomCategoriesResolver";
 
 const isTagEditorProcessedKey = Symbol();
diff --git a/src/lib/components/TagsForm.js b/src/lib/components/TagsForm.js
index f6abf84..00cdfbc 100644
--- a/src/lib/components/TagsForm.js
+++ b/src/lib/components/TagsForm.js
@@ -1,5 +1,5 @@
-import {BaseComponent} from "$lib/components/base/BaseComponent.js";
-import {getComponent} from "$lib/components/base/ComponentUtils.js";
+import { BaseComponent } from "$lib/components/base/BaseComponent";
+import { getComponent } from "$lib/components/base/ComponentUtils";
 
 export class TagsForm extends BaseComponent {
   /**
diff --git a/src/lib/components/base/BaseComponent.js b/src/lib/components/base/BaseComponent.js
index 233eaa4..3fd982e 100644
--- a/src/lib/components/base/BaseComponent.js
+++ b/src/lib/components/base/BaseComponent.js
@@ -1,4 +1,4 @@
-import {bindComponent} from "$lib/components/base/ComponentUtils.js";
+import { bindComponent } from "$lib/components/base/ComponentUtils";
 
 /**
  * @abstract
diff --git a/src/lib/components/base/ComponentUtils.js b/src/lib/components/base/ComponentUtils.js
index 16fca35..768621f 100644
--- a/src/lib/components/base/ComponentUtils.js
+++ b/src/lib/components/base/ComponentUtils.js
@@ -2,7 +2,7 @@ const instanceSymbol = Symbol('instance');
 
 /**
  * @param {HTMLElement} element
- * @return {import('./BaseComponent.js').BaseComponent|null}
+ * @return {import('./BaseComponent').BaseComponent|null}
  */
 export function getComponent(element) {
   return element[instanceSymbol] || null;
@@ -11,7 +11,7 @@ export function getComponent(element) {
 /**
  * Bind the component to the selected element.
  * @param {HTMLElement} element The element to bind the component to.
- * @param {import('./BaseComponent.js').BaseComponent} instance The component instance.
+ * @param {import('./BaseComponent').BaseComponent} instance The component instance.
  */
 export function bindComponent(element, instance) {
   if (element[instanceSymbol]) {
diff --git a/src/lib/components/events/comms.ts b/src/lib/components/events/comms.ts
index a45f40a..8db137c 100644
--- a/src/lib/components/events/comms.ts
+++ b/src/lib/components/events/comms.ts
@@ -1,5 +1,5 @@
-import type {MaintenancePopupEventsMap} from "$lib/components/events/maintenance-popup-events.ts";
-import {BaseComponent} from "$lib/components/base/BaseComponent";
+import type { MaintenancePopupEventsMap } from "$lib/components/events/maintenance-popup-events";
+import { BaseComponent } from "$lib/components/base/BaseComponent";
 
 interface EventsMapping extends MaintenancePopupEventsMap {
 }
diff --git a/src/lib/components/events/maintenance-popup-events.ts b/src/lib/components/events/maintenance-popup-events.ts
index 8ecea44..bf032eb 100644
--- a/src/lib/components/events/maintenance-popup-events.ts
+++ b/src/lib/components/events/maintenance-popup-events.ts
@@ -1,4 +1,4 @@
-import type MaintenanceProfile from "$entities/MaintenanceProfile.ts";
+import type MaintenanceProfile from "$entities/MaintenanceProfile";
 
 export const eventActiveProfileChanged = 'active-profile-changed';
 export const eventMaintenanceStateChanged = 'maintenance-state-change';
diff --git a/src/lib/extension/ConfigurationController.js b/src/lib/extension/ConfigurationController.js
index 91e6bbd..7f973ff 100644
--- a/src/lib/extension/ConfigurationController.js
+++ b/src/lib/extension/ConfigurationController.js
@@ -1,4 +1,4 @@
-import StorageHelper from "$lib/browser/StorageHelper.js";
+import StorageHelper from "$lib/browser/StorageHelper";
 
 export default class ConfigurationController {
   /** @type {string} */
diff --git a/src/lib/extension/CustomCategoriesResolver.ts b/src/lib/extension/CustomCategoriesResolver.ts
index d8fc259..169833d 100644
--- a/src/lib/extension/CustomCategoriesResolver.ts
+++ b/src/lib/extension/CustomCategoriesResolver.ts
@@ -1,6 +1,6 @@
-import type {TagDropdownWrapper} from "$lib/components/TagDropdownWrapper";
-import TagGroup from "$entities/TagGroup.ts";
-import {escapeRegExp} from "$lib/utils";
+import type { TagDropdownWrapper } from "$lib/components/TagDropdownWrapper";
+import TagGroup from "$entities/TagGroup";
+import { escapeRegExp } from "$lib/utils";
 
 export default class CustomCategoriesResolver {
   #tagCategories = new Map<string, string>();
diff --git a/src/lib/extension/EntitiesController.ts b/src/lib/extension/EntitiesController.ts
index 4420d8e..da3f950 100644
--- a/src/lib/extension/EntitiesController.ts
+++ b/src/lib/extension/EntitiesController.ts
@@ -1,5 +1,5 @@
-import StorageHelper from "$lib/browser/StorageHelper.js";
-import type StorageEntity from "$lib/extension/base/StorageEntity.ts";
+import StorageHelper from "$lib/browser/StorageHelper";
+import type StorageEntity from "$lib/extension/base/StorageEntity";
 
 export default class EntitiesController {
   static #storageHelper = new StorageHelper(chrome.storage.local);
diff --git a/src/lib/extension/EntitiesTransporter.ts b/src/lib/extension/EntitiesTransporter.ts
index a1c030e..8e258e2 100644
--- a/src/lib/extension/EntitiesTransporter.ts
+++ b/src/lib/extension/EntitiesTransporter.ts
@@ -1,7 +1,7 @@
-import {validateImportedEntity} from "$lib/extension/transporting/validators.js";
-import {exportEntityToObject} from "$lib/extension/transporting/exporters.ts";
-import StorageEntity from "$lib/extension/base/StorageEntity.ts";
-import {compressToEncodedURIComponent, decompressFromEncodedURIComponent} from "lz-string";
+import { validateImportedEntity } from "$lib/extension/transporting/validators";
+import { exportEntityToObject } from "$lib/extension/transporting/exporters";
+import StorageEntity from "$lib/extension/base/StorageEntity";
+import { compressToEncodedURIComponent, decompressFromEncodedURIComponent } from "lz-string";
 
 export default class EntitiesTransporter<EntityType> {
   readonly #targetEntityConstructor: new (...any: any[]) => EntityType;
diff --git a/src/lib/extension/base/CacheableSettings.ts b/src/lib/extension/base/CacheableSettings.ts
index d5bb6e7..23e508d 100644
--- a/src/lib/extension/base/CacheableSettings.ts
+++ b/src/lib/extension/base/CacheableSettings.ts
@@ -1,4 +1,4 @@
-import ConfigurationController from "$lib/extension/ConfigurationController.js";
+import ConfigurationController from "$lib/extension/ConfigurationController";
 
 export default class CacheableSettings<Fields> {
   #controller: ConfigurationController;
diff --git a/src/lib/extension/base/StorageEntity.ts b/src/lib/extension/base/StorageEntity.ts
index 45f0b94..88be756 100644
--- a/src/lib/extension/base/StorageEntity.ts
+++ b/src/lib/extension/base/StorageEntity.ts
@@ -1,4 +1,4 @@
-import EntitiesController from "$lib/extension/EntitiesController.js";
+import EntitiesController from "$lib/extension/EntitiesController";
 
 export default abstract class StorageEntity<SettingsType extends Object = {}> {
   /**
diff --git a/src/lib/extension/entities/MaintenanceProfile.ts b/src/lib/extension/entities/MaintenanceProfile.ts
index f4b68c9..d9509c5 100644
--- a/src/lib/extension/entities/MaintenanceProfile.ts
+++ b/src/lib/extension/entities/MaintenanceProfile.ts
@@ -1,5 +1,4 @@
-import StorageEntity from "$lib/extension/base/StorageEntity.ts";
-import EntitiesController from "$lib/extension/EntitiesController.ts";
+import StorageEntity from "$lib/extension/base/StorageEntity";
 
 export interface MaintenanceProfileSettings {
   name: string;
diff --git a/src/lib/extension/entities/TagGroup.ts b/src/lib/extension/entities/TagGroup.ts
index 95dc44a..1f55523 100644
--- a/src/lib/extension/entities/TagGroup.ts
+++ b/src/lib/extension/entities/TagGroup.ts
@@ -1,4 +1,4 @@
-import StorageEntity from "$lib/extension/base/StorageEntity.ts";
+import StorageEntity from "$lib/extension/base/StorageEntity";
 
 export interface TagGroupSettings {
   name: string;
diff --git a/src/lib/extension/settings/MaintenanceSettings.ts b/src/lib/extension/settings/MaintenanceSettings.ts
index c8aeadd..065db65 100644
--- a/src/lib/extension/settings/MaintenanceSettings.ts
+++ b/src/lib/extension/settings/MaintenanceSettings.ts
@@ -1,5 +1,5 @@
-import MaintenanceProfile from "$entities/MaintenanceProfile.ts";
-import CacheableSettings from "$lib/extension/base/CacheableSettings.ts";
+import MaintenanceProfile from "$entities/MaintenanceProfile";
+import CacheableSettings from "$lib/extension/base/CacheableSettings";
 
 interface MaintenanceSettingsFields {
   activeProfile: string | null;
diff --git a/src/lib/extension/settings/MiscSettings.ts b/src/lib/extension/settings/MiscSettings.ts
index 1e0e76d..0544c29 100644
--- a/src/lib/extension/settings/MiscSettings.ts
+++ b/src/lib/extension/settings/MiscSettings.ts
@@ -1,4 +1,4 @@
-import CacheableSettings from "$lib/extension/base/CacheableSettings.ts";
+import CacheableSettings from "$lib/extension/base/CacheableSettings";
 
 export type FullscreenViewerSize = 'small' | 'medium' | 'large' | 'full';
 
diff --git a/src/lib/extension/settings/SearchSettings.ts b/src/lib/extension/settings/SearchSettings.ts
index 13a7bce..d0d4f99 100644
--- a/src/lib/extension/settings/SearchSettings.ts
+++ b/src/lib/extension/settings/SearchSettings.ts
@@ -1,4 +1,4 @@
-import CacheableSettings from "$lib/extension/base/CacheableSettings.ts";
+import CacheableSettings from "$lib/extension/base/CacheableSettings";
 
 interface SearchSettingsFields {
   suggestProperties: boolean;
diff --git a/src/lib/extension/transporting/exporters.ts b/src/lib/extension/transporting/exporters.ts
index 468df8e..c376c2a 100644
--- a/src/lib/extension/transporting/exporters.ts
+++ b/src/lib/extension/transporting/exporters.ts
@@ -1,4 +1,4 @@
-import StorageEntity from "$lib/extension/base/StorageEntity.ts";
+import StorageEntity from "$lib/extension/base/StorageEntity";
 
 type ExportersMap = {
   [EntityName in keyof App.EntityNamesMap]: (entity: App.EntityNamesMap[EntityName]) => Record<string, any>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 49cdecb..3619048 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,10 +1,10 @@
 <script>
     import Menu from "$components/ui/menu/Menu.svelte";
     import MenuItem from "$components/ui/menu/MenuItem.svelte";
-    import { activeProfileStore, maintenanceProfilesStore } from "$stores/maintenance-profiles-store.js";
+    import { activeProfileStore, maintenanceProfilesStore } from "$stores/maintenance-profiles-store";
     import MenuCheckboxItem from "$components/ui/menu/MenuCheckboxItem.svelte";
 
-    /** @type {import('$entities/MaintenanceProfile.ts').default|undefined} */
+    /** @type {import('$entities/MaintenanceProfile').default|undefined} */
     let activeProfile;
 
     $: activeProfile = $maintenanceProfilesStore.find(profile => profile.id === $activeProfileStore);
diff --git a/src/routes/features/groups/+page.svelte b/src/routes/features/groups/+page.svelte
index 97fc1b7..fe55a73 100644
--- a/src/routes/features/groups/+page.svelte
+++ b/src/routes/features/groups/+page.svelte
@@ -1,9 +1,9 @@
 <script>
     import Menu from "$components/ui/menu/Menu.svelte";
     import MenuItem from "$components/ui/menu/MenuItem.svelte";
-    import { tagGroupsStore } from "$stores/tag-groups-store.js";
+    import { tagGroupsStore } from "$stores/tag-groups-store";
 
-    /** @type {import('$entities/TagGroup.ts').default[]} */
+    /** @type {import('$entities/TagGroup').default[]} */
     let groups = [];
 
     $: groups = $tagGroupsStore.sort((a, b) => a.settings.name.localeCompare(b.settings.name));
diff --git a/src/routes/features/groups/[id]/+page.svelte b/src/routes/features/groups/[id]/+page.svelte
index fffcfdb..47c96b3 100644
--- a/src/routes/features/groups/[id]/+page.svelte
+++ b/src/routes/features/groups/[id]/+page.svelte
@@ -4,21 +4,21 @@
     import GroupView from "$components/features/GroupView.svelte";
     import Menu from "$components/ui/menu/Menu.svelte";
     import MenuItem from "$components/ui/menu/MenuItem.svelte";
-    import { tagGroupsStore } from "$stores/tag-groups-store.js";
+    import { tagGroupsStore } from "$stores/tag-groups-store";
 
     const groupId = $page.params.id;
-    /** @type {import('$entities/TagGroup.ts').default|null} */
+    /** @type {import('$entities/TagGroup').default|null} */
     let group = null;
 
-    if (groupId==='new') {
+    if (groupId === 'new') {
         goto('/features/groups/new/edit');
     }
 
     $: {
-        group = $tagGroupsStore.find(group => group.id===groupId) || null;
+        group = $tagGroupsStore.find(group => group.id === groupId) || null;
 
         if (!group) {
-            console.warn(`Group ${ groupId } not found.`);
+            console.warn(`Group ${groupId} not found.`);
             goto('/features/groups');
         }
     }
diff --git a/src/routes/features/groups/[id]/delete/+page.svelte b/src/routes/features/groups/[id]/delete/+page.svelte
index 50f1b1b..638d106 100644
--- a/src/routes/features/groups/[id]/delete/+page.svelte
+++ b/src/routes/features/groups/[id]/delete/+page.svelte
@@ -3,10 +3,10 @@
     import { page } from "$app/stores";
     import Menu from "$components/ui/menu/Menu.svelte";
     import MenuItem from "$components/ui/menu/MenuItem.svelte";
-    import { tagGroupsStore } from "$stores/tag-groups-store.js";
+    import { tagGroupsStore } from "$stores/tag-groups-store";
 
     const groupId = $page.params.id;
-    const targetGroup = $tagGroupsStore.find(group => group.id===groupId);
+    const targetGroup = $tagGroupsStore.find(group => group.id === groupId);
 
     if (!targetGroup) {
         void goto('/features/groups');
diff --git a/src/routes/features/groups/[id]/edit/+page.svelte b/src/routes/features/groups/[id]/edit/+page.svelte
index 065e1d5..e769a63 100644
--- a/src/routes/features/groups/[id]/edit/+page.svelte
+++ b/src/routes/features/groups/[id]/edit/+page.svelte
@@ -1,6 +1,6 @@
 <script>
-    import {goto} from "$app/navigation";
-    import {page} from "$app/stores";
+    import { goto } from "$app/navigation";
+    import { page } from "$app/stores";
     import TagsColorContainer from "$components/tags/TagsColorContainer.svelte";
     import FormContainer from "$components/ui/forms/FormContainer.svelte";
     import FormControl from "$components/ui/forms/FormControl.svelte";
@@ -9,8 +9,8 @@
     import Menu from "$components/ui/menu/Menu.svelte";
     import MenuItem from "$components/ui/menu/MenuItem.svelte";
     import TagsEditor from "$components/tags/TagsEditor.svelte";
-    import TagGroup from "$entities/TagGroup.ts";
-    import {tagGroupsStore} from "$stores/tag-groups-store.js";
+    import TagGroup from "$entities/TagGroup";
+    import { tagGroupsStore } from "$stores/tag-groups-store";
 
     const groupId = $page.params.id;
     /** @type {TagGroup|null} */
@@ -23,10 +23,10 @@
     let prefixesList = [];
     let tagCategory = '';
 
-    if (groupId==='new') {
+    if (groupId === 'new') {
         targetGroup = new TagGroup(crypto.randomUUID(), {});
     } else {
-        targetGroup = $tagGroupsStore.find(group => group.id===groupId) || null;
+        targetGroup = $tagGroupsStore.find(group => group.id === groupId) || null;
 
         if (targetGroup) {
             groupName = targetGroup.settings.name;
diff --git a/src/routes/features/groups/[id]/export/+page.svelte b/src/routes/features/groups/[id]/export/+page.svelte
index 1a2b891..739bd9d 100644
--- a/src/routes/features/groups/[id]/export/+page.svelte
+++ b/src/routes/features/groups/[id]/export/+page.svelte
@@ -5,13 +5,13 @@
     import FormControl from "$components/ui/forms/FormControl.svelte";
     import Menu from "$components/ui/menu/Menu.svelte";
     import MenuItem from "$components/ui/menu/MenuItem.svelte";
-    import TagGroup from "$entities/TagGroup.ts";
-    import EntitiesTransporter from "$lib/extension/EntitiesTransporter.ts";
-    import { tagGroupsStore } from "$stores/tag-groups-store.js";
+    import TagGroup from "$entities/TagGroup";
+    import EntitiesTransporter from "$lib/extension/EntitiesTransporter";
+    import { tagGroupsStore } from "$stores/tag-groups-store";
 
     const groupId = $page.params.id;
     const groupTransporter = new EntitiesTransporter(TagGroup);
-    const group = $tagGroupsStore.find(group => group.id===groupId);
+    const group = $tagGroupsStore.find(group => group.id === groupId);
 
     /** @type {string} */
     let rawExportedGroup;
diff --git a/src/routes/features/groups/import/+page.svelte b/src/routes/features/groups/import/+page.svelte
index 3b07ae2..5fa1712 100644
--- a/src/routes/features/groups/import/+page.svelte
+++ b/src/routes/features/groups/import/+page.svelte
@@ -5,9 +5,9 @@
     import FormControl from "$components/ui/forms/FormControl.svelte";
     import Menu from "$components/ui/menu/Menu.svelte";
     import MenuItem from "$components/ui/menu/MenuItem.svelte";
-    import TagGroup from "$entities/TagGroup.ts";
-    import EntitiesTransporter from "$lib/extension/EntitiesTransporter.ts";
-    import { tagGroupsStore } from "$stores/tag-groups-store.js";
+    import TagGroup from "$entities/TagGroup";
+    import EntitiesTransporter from "$lib/extension/EntitiesTransporter";
+    import { tagGroupsStore } from "$stores/tag-groups-store";
 
     const groupTransporter = new EntitiesTransporter(TagGroup);
 
@@ -42,11 +42,11 @@
         } catch (error) {
             errorMessage = error instanceof Error
                     ? error.message
-                    :'Unknown error';
+                    : 'Unknown error';
         }
 
         if (candidateGroup) {
-            existingGroup = $tagGroupsStore.find(group => group.id===candidateGroup?.id) ?? null;
+            existingGroup = $tagGroupsStore.find(group => group.id === candidateGroup?.id) ?? null;
         }
     }
 
@@ -66,7 +66,7 @@
         }
 
         const clonedProfile = new TagGroup(crypto.randomUUID(), candidateGroup.settings);
-        clonedProfile.settings.name += ` (Clone ${ new Date().toISOString() })`;
+        clonedProfile.settings.name += ` (Clone ${new Date().toISOString()})`;
         clonedProfile.save().then(() => {
             goto(`/features/groups`);
         });
diff --git a/src/routes/features/maintenance/+page.svelte b/src/routes/features/maintenance/+page.svelte
index a6162f6..36c9eb7 100644
--- a/src/routes/features/maintenance/+page.svelte
+++ b/src/routes/features/maintenance/+page.svelte
@@ -2,9 +2,9 @@
     import Menu from "$components/ui/menu/Menu.svelte";
     import MenuItem from "$components/ui/menu/MenuItem.svelte";
     import MenuRadioItem from "$components/ui/menu/MenuRadioItem.svelte";
-    import {activeProfileStore, maintenanceProfilesStore} from "$stores/maintenance-profiles-store.js";
+    import { activeProfileStore, maintenanceProfilesStore } from "$stores/maintenance-profiles-store";
 
-    /** @type {import('$entities/MaintenanceProfile.ts').default[]} */
+    /** @type {import('$entities/MaintenanceProfile').default[]} */
     let profiles = [];
 
     $: profiles = $maintenanceProfilesStore.sort((a, b) => a.settings.name.localeCompare(b.settings.name));
diff --git a/src/routes/features/maintenance/[id]/+page.svelte b/src/routes/features/maintenance/[id]/+page.svelte
index 61fc9ff..c9e49d2 100644
--- a/src/routes/features/maintenance/[id]/+page.svelte
+++ b/src/routes/features/maintenance/[id]/+page.svelte
@@ -1,22 +1,22 @@
 <script>
     import Menu from "$components/ui/menu/Menu.svelte";
     import MenuItem from "$components/ui/menu/MenuItem.svelte";
-    import {page} from "$app/stores";
-    import {goto} from "$app/navigation";
-    import {activeProfileStore, maintenanceProfilesStore} from "$stores/maintenance-profiles-store.js";
+    import { page } from "$app/stores";
+    import { goto } from "$app/navigation";
+    import { activeProfileStore, maintenanceProfilesStore } from "$stores/maintenance-profiles-store";
     import ProfileView from "$components/features/ProfileView.svelte";
     import MenuCheckboxItem from "$components/ui/menu/MenuCheckboxItem.svelte";
 
     const profileId = $page.params.id;
-    /** @type {import('$entities/MaintenanceProfile.ts').default|null} */
+    /** @type {import('$entities/MaintenanceProfile').default|null} */
     let profile = null;
 
-    if (profileId==='new') {
+    if (profileId === 'new') {
         goto('/features/maintenance/new/edit');
     }
 
     $: {
-        const resolvedProfile = $maintenanceProfilesStore.find(profile => profile.id===profileId);
+        const resolvedProfile = $maintenanceProfilesStore.find(profile => profile.id === profileId);
 
         if (resolvedProfile) {
             profile = resolvedProfile;
@@ -26,14 +26,14 @@
         }
     }
 
-    let isActiveProfile = $activeProfileStore===profileId;
+    let isActiveProfile = $activeProfileStore === profileId;
 
     $: {
-        if (isActiveProfile && $activeProfileStore!==profileId) {
+        if (isActiveProfile && $activeProfileStore !== profileId) {
             $activeProfileStore = profileId;
         }
 
-        if (!isActiveProfile && $activeProfileStore===profileId) {
+        if (!isActiveProfile && $activeProfileStore === profileId) {
             $activeProfileStore = null;
         }
     }
diff --git a/src/routes/features/maintenance/[id]/delete/+page.svelte b/src/routes/features/maintenance/[id]/delete/+page.svelte
index f085bbc..5e59699 100644
--- a/src/routes/features/maintenance/[id]/delete/+page.svelte
+++ b/src/routes/features/maintenance/[id]/delete/+page.svelte
@@ -3,10 +3,10 @@
     import Menu from "$components/ui/menu/Menu.svelte";
     import MenuItem from "$components/ui/menu/MenuItem.svelte";
     import { page } from "$app/stores";
-    import { maintenanceProfilesStore } from "$stores/maintenance-profiles-store.js";
+    import { maintenanceProfilesStore } from "$stores/maintenance-profiles-store";
 
     const profileId = $page.params.id;
-    const targetProfile = $maintenanceProfilesStore.find(profile => profile.id===profileId);
+    const targetProfile = $maintenanceProfilesStore.find(profile => profile.id === profileId);
 
     if (!targetProfile) {
         void goto('/features/maintenance');
diff --git a/src/routes/features/maintenance/[id]/edit/+page.svelte b/src/routes/features/maintenance/[id]/edit/+page.svelte
index 4372f45..b57f7f8 100644
--- a/src/routes/features/maintenance/[id]/edit/+page.svelte
+++ b/src/routes/features/maintenance/[id]/edit/+page.svelte
@@ -5,10 +5,10 @@
     import FormControl from "$components/ui/forms/FormControl.svelte";
     import TextField from "$components/ui/forms/TextField.svelte";
     import FormContainer from "$components/ui/forms/FormContainer.svelte";
-    import {page} from "$app/stores";
-    import {goto} from "$app/navigation";
-    import {maintenanceProfilesStore} from "$stores/maintenance-profiles-store.js";
-    import MaintenanceProfile from "$entities/MaintenanceProfile.ts";
+    import { page } from "$app/stores";
+    import { goto } from "$app/navigation";
+    import { maintenanceProfilesStore } from "$stores/maintenance-profiles-store";
+    import MaintenanceProfile from "$entities/MaintenanceProfile";
 
     /** @type {string} */
     let profileId = $page.params.id;
diff --git a/src/routes/features/maintenance/[id]/export/+page.svelte b/src/routes/features/maintenance/[id]/export/+page.svelte
index ea8e2a3..6c0a15f 100644
--- a/src/routes/features/maintenance/[id]/export/+page.svelte
+++ b/src/routes/features/maintenance/[id]/export/+page.svelte
@@ -1,13 +1,13 @@
 <script>
     import { page } from "$app/stores";
     import { goto } from "$app/navigation";
-    import { maintenanceProfilesStore } from "$stores/maintenance-profiles-store.js";
+    import { maintenanceProfilesStore } from "$stores/maintenance-profiles-store";
     import Menu from "$components/ui/menu/Menu.svelte";
     import MenuItem from "$components/ui/menu/MenuItem.svelte";
     import FormContainer from "$components/ui/forms/FormContainer.svelte";
     import FormControl from "$components/ui/forms/FormControl.svelte";
-    import EntitiesTransporter from "$lib/extension/EntitiesTransporter.ts";
-    import MaintenanceProfile from "$entities/MaintenanceProfile.ts";
+    import EntitiesTransporter from "$lib/extension/EntitiesTransporter";
+    import MaintenanceProfile from "$entities/MaintenanceProfile";
 
     const profileId = $page.params.id;
     const profile = $maintenanceProfilesStore.find(profile => profile.id === profileId);
diff --git a/src/routes/features/maintenance/import/+page.svelte b/src/routes/features/maintenance/import/+page.svelte
index 6249efe..9572b17 100644
--- a/src/routes/features/maintenance/import/+page.svelte
+++ b/src/routes/features/maintenance/import/+page.svelte
@@ -2,12 +2,12 @@
     import Menu from "$components/ui/menu/Menu.svelte";
     import MenuItem from "$components/ui/menu/MenuItem.svelte";
     import FormContainer from "$components/ui/forms/FormContainer.svelte";
-    import MaintenanceProfile from "$entities/MaintenanceProfile.ts";
+    import MaintenanceProfile from "$entities/MaintenanceProfile";
     import FormControl from "$components/ui/forms/FormControl.svelte";
     import ProfileView from "$components/features/ProfileView.svelte";
-    import {maintenanceProfilesStore} from "$stores/maintenance-profiles-store.js";
-    import {goto} from "$app/navigation";
-    import EntitiesTransporter from "$lib/extension/EntitiesTransporter.ts";
+    import { maintenanceProfilesStore } from "$stores/maintenance-profiles-store";
+    import { goto } from "$app/navigation";
+    import EntitiesTransporter from "$lib/extension/EntitiesTransporter";
 
     const profilesTransporter = new EntitiesTransporter(MaintenanceProfile);
 
diff --git a/src/routes/preferences/debug/storage/+page.svelte b/src/routes/preferences/debug/storage/+page.svelte
index ae87de5..2ad0fd0 100644
--- a/src/routes/preferences/debug/storage/+page.svelte
+++ b/src/routes/preferences/debug/storage/+page.svelte
@@ -1,7 +1,7 @@
 <script>
     import MenuItem from "$components/ui/menu/MenuItem.svelte";
     import Menu from "$components/ui/menu/Menu.svelte";
-    import {storagesCollection} from "$stores/debug.js";
+    import { storagesCollection } from "$stores/debug";
 </script>
 
 <Menu>
diff --git a/src/routes/preferences/debug/storage/[...path]/+page.svelte b/src/routes/preferences/debug/storage/[...path]/+page.svelte
index fecea3c..b836071 100644
--- a/src/routes/preferences/debug/storage/[...path]/+page.svelte
+++ b/src/routes/preferences/debug/storage/[...path]/+page.svelte
@@ -1,7 +1,7 @@
 <script>
     import StorageViewer from "$components/debugging/StorageViewer.svelte";
-    import {page} from "$app/stores";
-    import {goto} from "$app/navigation";
+    import { page } from "$app/stores";
+    import { goto } from "$app/navigation";
 
     let pathString = '';
     /** @type {string[]} */
diff --git a/src/routes/preferences/misc/+page.svelte b/src/routes/preferences/misc/+page.svelte
index d02981f..7620d88 100644
--- a/src/routes/preferences/misc/+page.svelte
+++ b/src/routes/preferences/misc/+page.svelte
@@ -4,7 +4,7 @@
     import FormContainer from "$components/ui/forms/FormContainer.svelte";
     import FormControl from "$components/ui/forms/FormControl.svelte";
     import CheckboxField from "$components/ui/forms/CheckboxField.svelte";
-    import {fullScreenViewerEnabled} from "$stores/misc-preferences.js";
+    import { fullScreenViewerEnabled } from "$stores/misc-preferences";
 </script>
 
 <Menu>
diff --git a/src/routes/preferences/search/+page.svelte b/src/routes/preferences/search/+page.svelte
index 29a95d2..7c43bd1 100644
--- a/src/routes/preferences/search/+page.svelte
+++ b/src/routes/preferences/search/+page.svelte
@@ -6,7 +6,7 @@
     import {
         searchPropertiesSuggestionsEnabled,
         searchPropertiesSuggestionsPosition
-    } from "$stores/search-preferences.js";
+    } from "$stores/search-preferences";
     import CheckboxField from "$components/ui/forms/CheckboxField.svelte";
     import SelectField from "$components/ui/forms/SelectField.svelte";
 
diff --git a/src/routes/preferences/tags/+page.svelte b/src/routes/preferences/tags/+page.svelte
index 811329a..a7cfc7f 100644
--- a/src/routes/preferences/tags/+page.svelte
+++ b/src/routes/preferences/tags/+page.svelte
@@ -4,7 +4,7 @@
     import FormControl from "$components/ui/forms/FormControl.svelte";
     import Menu from "$components/ui/menu/Menu.svelte";
     import MenuItem from "$components/ui/menu/MenuItem.svelte";
-    import { stripBlacklistedTagsEnabled } from "$stores/maintenance-preferences.ts";
+    import { stripBlacklistedTagsEnabled } from "$stores/maintenance-preferences";
 </script>
 
 <Menu>
diff --git a/src/stores/debug.js b/src/stores/debug.js
index 02c17fe..1fd7da9 100644
--- a/src/stores/debug.js
+++ b/src/stores/debug.js
@@ -1,4 +1,4 @@
-import {writable} from "svelte/store";
+import { writable } from "svelte/store";
 
 /**
  * This is readable version of storages. Any changes made to these objects will not be sent to the local storage.
diff --git a/src/stores/maintenance-preferences.ts b/src/stores/maintenance-preferences.ts
index 05954a0..b230285 100644
--- a/src/stores/maintenance-preferences.ts
+++ b/src/stores/maintenance-preferences.ts
@@ -1,5 +1,5 @@
-import {writable} from "svelte/store";
-import MaintenanceSettings from "$lib/extension/settings/MaintenanceSettings.ts";
+import { writable } from "svelte/store";
+import MaintenanceSettings from "$lib/extension/settings/MaintenanceSettings";
 
 export const stripBlacklistedTagsEnabled = writable(true);
 
diff --git a/src/stores/maintenance-profiles-store.js b/src/stores/maintenance-profiles-store.js
index db0ce85..80ae1df 100644
--- a/src/stores/maintenance-profiles-store.js
+++ b/src/stores/maintenance-profiles-store.js
@@ -1,6 +1,6 @@
-import {writable} from "svelte/store";
-import MaintenanceProfile from "$entities/MaintenanceProfile.ts";
-import MaintenanceSettings from "$lib/extension/settings/MaintenanceSettings.ts";
+import { writable } from "svelte/store";
+import MaintenanceProfile from "$entities/MaintenanceProfile";
+import MaintenanceSettings from "$lib/extension/settings/MaintenanceSettings";
 
 /**
  * Store for working with maintenance profiles in the Svelte popup.
diff --git a/src/stores/misc-preferences.js b/src/stores/misc-preferences.js
index 53c7c04..0a912f3 100644
--- a/src/stores/misc-preferences.js
+++ b/src/stores/misc-preferences.js
@@ -1,5 +1,5 @@
-import {writable} from "svelte/store";
-import MiscSettings from "$lib/extension/settings/MiscSettings.ts";
+import { writable } from "svelte/store";
+import MiscSettings from "$lib/extension/settings/MiscSettings";
 
 export const fullScreenViewerEnabled = writable(true);
 
diff --git a/src/stores/search-preferences.js b/src/stores/search-preferences.js
index 6d35192..a64eac7 100644
--- a/src/stores/search-preferences.js
+++ b/src/stores/search-preferences.js
@@ -1,5 +1,5 @@
-import {writable} from "svelte/store";
-import SearchSettings from "$lib/extension/settings/SearchSettings.ts";
+import { writable } from "svelte/store";
+import SearchSettings from "$lib/extension/settings/SearchSettings";
 
 export const searchPropertiesSuggestionsEnabled = writable(false);
 
diff --git a/src/stores/tag-groups-store.js b/src/stores/tag-groups-store.js
index 057becd..3d9eae2 100644
--- a/src/stores/tag-groups-store.js
+++ b/src/stores/tag-groups-store.js
@@ -1,5 +1,5 @@
-import {writable} from "svelte/store";
-import TagGroup from "$entities/TagGroup.ts";
+import { writable } from "svelte/store";
+import TagGroup from "$entities/TagGroup";
 
 /** @type {import('svelte/store').Writable<TagGroup[]>} */
 export const tagGroupsStore = writable([]);
diff --git a/tsconfig.json b/tsconfig.json
index 3f97f09..4b0a17f 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -10,6 +10,6 @@
         "sourceMap": true,
         "strict": true,
         "moduleResolution": "bundler",
-        "allowImportingTsExtensions": true
+        "allowImportingTsExtensions": false,
     }
 }