chore: improve lint setup

- update eslint config
- merged eslint rules for JS and TS to avoid duplicates
- extended stricter lint ruleset from typescript-eslint
- corrected wrong setup for certain eslint rulesets
- opt in to reportUnusedDisableDirectives config option
- fix or disable a lot of lint issues throughout codebase
- remove trailingComma: all from prettier config which is default in prettier v3
- add volta configuration to package.json to autoload correct node and pnpm versions
- upgrade all eslint and prettier related dependencies to latest
- remove config options from settings.json which are default anyways
- remove config options from settings.json which are outdated/unknown
- set up prettier as default formatter in settings.json

52 files changed, 245 insertions, 248 deletions

diff --git a/src/@types/ferdium.types.ts b/src/@types/ferdium.types.ts
index 70306f5fb..f54fb64ae 100644
--- a/src/@types/ferdium.types.ts
+++ b/src/@types/ferdium.types.ts
@@ -3,6 +3,7 @@ declare global {
     ferdium: any;
   }
 
+  // eslint-disable-next-line @typescript-eslint/no-namespace
   namespace NodeJS {
     interface ProcessEnv {
       GITHUB_AUTH_TOKEN: string;
diff --git a/src/@types/stores.types.ts b/src/@types/stores.types.ts
index edea41ea9..ff8f127ed 100644
--- a/src/@types/stores.types.ts
+++ b/src/@types/stores.types.ts
@@ -59,6 +59,7 @@ interface Actions {
 interface Api {
   app: AppStore;
   features: FeaturesStore;
+  // eslint-disable-next-line @typescript-eslint/ban-types
   local: {};
   recipePreviews: RecipePreviewsStore;
   recipes: RecipeStore;
diff --git a/src/actions/lib/actions.ts b/src/actions/lib/actions.ts
index faf576fd8..d3fd5f27c 100644
--- a/src/actions/lib/actions.ts
+++ b/src/actions/lib/actions.ts
@@ -8,6 +8,7 @@ export interface Actions {
   [key: string]: {
     [key: string]: {
       (...args: any[]): void;
+      // eslint-disable-next-line @typescript-eslint/ban-types
       listeners: Function[];
       notify: (params: any) => void;
       listen: (listener: (params: any) => void) => void;
diff --git a/src/api/apiBase.ts b/src/api/apiBase.ts
index bc2cb3dd1..649895fbc 100644
--- a/src/api/apiBase.ts
+++ b/src/api/apiBase.ts
@@ -14,12 +14,7 @@ import { fixUrl } from '../helpers/url-helpers';
 
 // Note: This cannot be used from the internal-server since we are not running within the context of a browser window
 export default function apiBase(withVersion = true) {
-  if (
-    !(window as any).ferdium ||
-    !(window as any).ferdium.stores.settings ||
-    !(window as any).ferdium.stores.settings.all ||
-    !(window as any).ferdium.stores.settings.all.app.server
-  ) {
+  if (!(window as any).ferdium?.stores.settings?.all?.app.server) {
     // Stores have not yet been loaded - return SERVER_NOT_LOADED to force a retry when stores are loaded
     return SERVER_NOT_LOADED;
   }
diff --git a/src/api/server/ServerApi.ts b/src/api/server/ServerApi.ts
index a3d873c65..860b7b76e 100644
--- a/src/api/server/ServerApi.ts
+++ b/src/api/server/ServerApi.ts
@@ -507,7 +507,7 @@ export default class ServerApi {
   async _mapServiceModels(services: any[]) {
     const recipes = services.map((s: { recipeId: string }) => s.recipeId);
     await this._bulkRecipeCheck(recipes);
-    /* eslint-disable no-return-await */
+
     return Promise.all(
       services.map(async (service: any) => this._prepareServiceModel(service)),
     );
diff --git a/src/app.tsx b/src/app.tsx
index 4d4100c40..77ec27021 100644
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -24,7 +24,7 @@ window.addEventListener('load', () => {
   const api = apiFactory(serverApi, new LocalApi());
   const history = createHashHistory();
   const router = new RouterStore(history);
-  // @ts-ignore - Need to provide proper typings for actions
+  // @ts-expect-error - Need to provide proper typings for actions
   const stores = storeFactory(api, actions, router);
   const menu = new MenuFactory(stores, actions);
   const touchBar = new TouchBarFactory(stores, actions);
diff --git a/src/components/AppUpdateInfoBar.tsx b/src/components/AppUpdateInfoBar.tsx
index b27578d10..b8e1bb61e 100644
--- a/src/components/AppUpdateInfoBar.tsx
+++ b/src/components/AppUpdateInfoBar.tsx
@@ -38,6 +38,7 @@ const AppUpdateInfoBar = (props: IProps) => {
       type="primary"
       ctaLabel={intl.formatMessage(messages.buttonInstallUpdate)}
       onClick={event => {
+        // eslint-disable-next-line @typescript-eslint/no-unused-expressions
         !isWinPortable && onInstallUpdate(event);
       }}
       onHide={onHide}
diff --git a/src/components/auth/Login.tsx b/src/components/auth/Login.tsx
index 0a95b0565..eaa04256c 100644
--- a/src/components/auth/Login.tsx
+++ b/src/components/auth/Login.tsx
@@ -68,7 +68,6 @@ interface IProps extends WrappedComponentProps {
   isTokenExpired: boolean;
   isServerLogout: boolean;
   signupRoute: string;
-  // eslint-disable-next-line react/no-unused-prop-types
   passwordRoute: string; // TODO: Uncomment this line after fixing password recovery in-app
   error: GlobalError;
 }
diff --git a/src/components/auth/Welcome.tsx b/src/components/auth/Welcome.tsx
index 1aa8da4d6..047512ea4 100644
--- a/src/components/auth/Welcome.tsx
+++ b/src/components/auth/Welcome.tsx
@@ -44,10 +44,6 @@ interface IProps extends Partial<StoresProps>, WrappedComponentProps {
 @inject('actions')
 @observer
 class Welcome extends Component<IProps> {
-  constructor(props: IProps) {
-    super(props);
-  }
-
   useLocalServer(): void {
     serverlessLogin(this.props.actions);
   }
diff --git a/src/components/layout/Sidebar.tsx b/src/components/layout/Sidebar.tsx
index 2b1e87023..ceb9cfff9 100644
--- a/src/components/layout/Sidebar.tsx
+++ b/src/components/layout/Sidebar.tsx
@@ -205,133 +205,131 @@ class Sidebar extends Component<IProps, IState> {
           hibernateService={this.props.hibernateService}
           wakeUpService={this.props.wakeUpService}
         />
-        <>
-          {numberActiveButtons <= 1 || hideCollapseButton ? null : (
-            <button
-              type="button"
-              onClick={() => toggleCollapseMenu()}
-              className="sidebar__button sidebar__button--hamburger-menu"
-            >
-              {isMenuCollapsed ? <Icon icon={mdiMenu} size={1.5} /> : null}
+        {numberActiveButtons <= 1 || hideCollapseButton ? null : (
+          <button
+            type="button"
+            onClick={() => toggleCollapseMenu()}
+            className="sidebar__button sidebar__button--hamburger-menu"
+          >
+            {isMenuCollapsed ? <Icon icon={mdiMenu} size={1.5} /> : null}
 
-              {!isMenuCollapsed && !useHorizontalStyle ? (
-                <Icon icon={mdiChevronDown} size={1.5} />
-              ) : null}
+            {!isMenuCollapsed && !useHorizontalStyle ? (
+              <Icon icon={mdiChevronDown} size={1.5} />
+            ) : null}
 
-              {!isMenuCollapsed && useHorizontalStyle ? (
-                <Icon icon={mdiChevronRight} size={1.5} />
-              ) : null}
-            </button>
-          )}
-          {!hideRecipesButton && !isMenuCollapsed ? (
-            <button
-              type="button"
-              onClick={() => openSettings({ path: 'recipes' })}
-              className="sidebar__button sidebar__button--new-service"
-              data-tooltip-id="tooltip-sidebar-button"
-              data-tooltip-content={`${intl.formatMessage(
-                messages.addNewService,
-              )} (${addNewServiceShortcutKey(false)})`}
-            >
-              <Icon icon={mdiPlusBox} size={1.5} />
-            </button>
-          ) : null}
-          {!hideSplitModeButton && !isMenuCollapsed ? (
-            <button
-              type="button"
-              onClick={() => {
-                actions!.settings.update({
-                  type: 'app',
-                  data: {
-                    splitMode: !splitMode,
-                  },
-                });
-              }}
-              className="sidebar__button sidebar__button--split-mode-toggle"
-              data-tooltip-id="tooltip-sidebar-button"
-              data-tooltip-content={`${intl.formatMessage(
-                messages.splitModeToggle,
-              )} (${splitModeToggleShortcutKey(false)})`}
-            >
-              <Icon icon={mdiViewSplitVertical} size={1.5} />
-            </button>
-          ) : null}
-          {!hideWorkspacesButton && !isMenuCollapsed ? (
-            <button
-              type="button"
-              onClick={() => {
-                toggleWorkspaceDrawer();
-                this.updateToolTip();
-              }}
-              className={`sidebar__button sidebar__button--workspaces ${
-                isWorkspaceDrawerOpen ? 'is-active' : ''
-              }`}
-              data-tooltip-id="tooltip-sidebar-button"
-              data-tooltip-content={`${intl.formatMessage(
-                workspaceToggleMessage,
-              )} (${workspaceToggleShortcutKey(false)})`}
-            >
-              <Icon icon={mdiViewGrid} size={1.5} />
-            </button>
-          ) : null}
-          {!hideNotificationsButton && !isMenuCollapsed ? (
-            <button
-              type="button"
-              onClick={() => {
-                toggleMuteApp();
-                this.updateToolTip();
-              }}
-              className={`sidebar__button sidebar__button--audio ${
-                isAppMuted ? 'is-muted' : ''
-              }`}
-              data-tooltip-id="tooltip-sidebar-button"
-              data-tooltip-content={`${intl.formatMessage(
-                isAppMuted ? messages.unmute : messages.mute,
-              )} (${muteFerdiumShortcutKey(false)})`}
-            >
-              <Icon icon={isAppMuted ? mdiBellOff : mdiBell} size={1.5} />
-            </button>
-          ) : null}
-          {todosStore.isFeatureEnabledByUser && !isMenuCollapsed ? (
-            <button
-              type="button"
-              onClick={() => {
-                todoActions.toggleTodosPanel();
-                this.updateToolTip();
-              }}
-              disabled={isTodosServiceActive}
-              className={`sidebar__button sidebar__button--todos ${
-                todosStore.isTodosPanelVisible ? 'is-active' : ''
-              }`}
-              data-tooltip-id="tooltip-sidebar-button"
-              data-tooltip-content={`${intl.formatMessage(
-                todosToggleMessage,
-              )} (${todosToggleShortcutKey(false)})`}
-            >
-              <Icon icon={mdiCheckAll} size={1.5} />
-            </button>
-          ) : null}
-          {stores!.settings.all.app.lockingFeatureEnabled ? (
-            <button
-              type="button"
-              className="sidebar__button"
-              onClick={() => {
-                actions!.settings.update({
-                  type: 'app',
-                  data: {
-                    locked: true,
-                  },
-                });
-              }}
-              data-tooltip-id="tooltip-sidebar-button"
-              data-tooltip-content={`${intl.formatMessage(
-                messages.lockFerdium,
-              )} (${lockFerdiumShortcutKey(false)})`}
-            >
-              <Icon icon={mdiLock} size={1.5} />
-            </button>
-          ) : null}
-        </>
+            {!isMenuCollapsed && useHorizontalStyle ? (
+              <Icon icon={mdiChevronRight} size={1.5} />
+            ) : null}
+          </button>
+        )}
+        {!hideRecipesButton && !isMenuCollapsed ? (
+          <button
+            type="button"
+            onClick={() => openSettings({ path: 'recipes' })}
+            className="sidebar__button sidebar__button--new-service"
+            data-tooltip-id="tooltip-sidebar-button"
+            data-tooltip-content={`${intl.formatMessage(
+              messages.addNewService,
+            )} (${addNewServiceShortcutKey(false)})`}
+          >
+            <Icon icon={mdiPlusBox} size={1.5} />
+          </button>
+        ) : null}
+        {!hideSplitModeButton && !isMenuCollapsed ? (
+          <button
+            type="button"
+            onClick={() => {
+              actions!.settings.update({
+                type: 'app',
+                data: {
+                  splitMode: !splitMode,
+                },
+              });
+            }}
+            className="sidebar__button sidebar__button--split-mode-toggle"
+            data-tooltip-id="tooltip-sidebar-button"
+            data-tooltip-content={`${intl.formatMessage(
+              messages.splitModeToggle,
+            )} (${splitModeToggleShortcutKey(false)})`}
+          >
+            <Icon icon={mdiViewSplitVertical} size={1.5} />
+          </button>
+        ) : null}
+        {!hideWorkspacesButton && !isMenuCollapsed ? (
+          <button
+            type="button"
+            onClick={() => {
+              toggleWorkspaceDrawer();
+              this.updateToolTip();
+            }}
+            className={`sidebar__button sidebar__button--workspaces ${
+              isWorkspaceDrawerOpen ? 'is-active' : ''
+            }`}
+            data-tooltip-id="tooltip-sidebar-button"
+            data-tooltip-content={`${intl.formatMessage(
+              workspaceToggleMessage,
+            )} (${workspaceToggleShortcutKey(false)})`}
+          >
+            <Icon icon={mdiViewGrid} size={1.5} />
+          </button>
+        ) : null}
+        {!hideNotificationsButton && !isMenuCollapsed ? (
+          <button
+            type="button"
+            onClick={() => {
+              toggleMuteApp();
+              this.updateToolTip();
+            }}
+            className={`sidebar__button sidebar__button--audio ${
+              isAppMuted ? 'is-muted' : ''
+            }`}
+            data-tooltip-id="tooltip-sidebar-button"
+            data-tooltip-content={`${intl.formatMessage(
+              isAppMuted ? messages.unmute : messages.mute,
+            )} (${muteFerdiumShortcutKey(false)})`}
+          >
+            <Icon icon={isAppMuted ? mdiBellOff : mdiBell} size={1.5} />
+          </button>
+        ) : null}
+        {todosStore.isFeatureEnabledByUser && !isMenuCollapsed ? (
+          <button
+            type="button"
+            onClick={() => {
+              todoActions.toggleTodosPanel();
+              this.updateToolTip();
+            }}
+            disabled={isTodosServiceActive}
+            className={`sidebar__button sidebar__button--todos ${
+              todosStore.isTodosPanelVisible ? 'is-active' : ''
+            }`}
+            data-tooltip-id="tooltip-sidebar-button"
+            data-tooltip-content={`${intl.formatMessage(
+              todosToggleMessage,
+            )} (${todosToggleShortcutKey(false)})`}
+          >
+            <Icon icon={mdiCheckAll} size={1.5} />
+          </button>
+        ) : null}
+        {stores!.settings.all.app.lockingFeatureEnabled ? (
+          <button
+            type="button"
+            className="sidebar__button"
+            onClick={() => {
+              actions!.settings.update({
+                type: 'app',
+                data: {
+                  locked: true,
+                },
+              });
+            }}
+            data-tooltip-id="tooltip-sidebar-button"
+            data-tooltip-content={`${intl.formatMessage(
+              messages.lockFerdium,
+            )} (${lockFerdiumShortcutKey(false)})`}
+          >
+            <Icon icon={mdiLock} size={1.5} />
+          </button>
+        ) : null}
         {this.state.tooltipEnabled && (
           <ReactTooltip
             id="tooltip-sidebar-button"
diff --git a/src/components/services/tabs/TabBarSortableList.tsx b/src/components/services/tabs/TabBarSortableList.tsx
index 5f711c30d..a30587470 100644
--- a/src/components/services/tabs/TabBarSortableList.tsx
+++ b/src/components/services/tabs/TabBarSortableList.tsx
@@ -51,7 +51,7 @@ class TabBarSortableList extends Component<IProps> {
         {services.map((service, index) => (
           <TabItem
             key={service.id}
-            // @ts-ignore
+            // @ts-expect-error Fix me
             clickHandler={() => setActive({ serviceId: service.id })}
             service={service}
             index={index}
diff --git a/src/components/services/tabs/TabItem.tsx b/src/components/services/tabs/TabItem.tsx
index c25af4427..287dedfcb 100644
--- a/src/components/services/tabs/TabItem.tsx
+++ b/src/components/services/tabs/TabItem.tsx
@@ -234,7 +234,7 @@ class TabItem extends Component<IProps, IState> {
     } = this.props;
     const { intl } = this.props;
 
-    const menuTemplate: Array<MenuItemConstructorOptions> = [
+    const menuTemplate: MenuItemConstructorOptions[] = [
       {
         label: service.name || service.recipe.name,
         enabled: false,
@@ -295,7 +295,7 @@ class TabItem extends Component<IProps, IState> {
             ? messages.wakeUpService
             : messages.hibernateService,
         ),
-        // eslint-disable-next-line no-confusing-arrow
+
         click: () =>
           service.isHibernating ? wakeUpService() : hibernateService(),
         enabled: service.isEnabled && service.canHibernate,
@@ -311,7 +311,7 @@ class TabItem extends Component<IProps, IState> {
       {
         label: intl.formatMessage(messages.deleteService),
         click: () => {
-          // @ts-ignore
+          // @ts-expect-error Fix me
           const selection = dialog.showMessageBoxSync(app.mainWindow, {
             type: 'question',
             message: intl.formatMessage(messages.deleteService),
@@ -417,6 +417,6 @@ class TabItem extends Component<IProps, IState> {
 }
 
 export default injectIntl(
-  // @ts-ignore
+  // @ts-expect-error Fix me
   SortableElement(injectSheet(styles, { injectTheme: true })(TabItem)),
 );
diff --git a/src/components/services/tabs/Tabbar.tsx b/src/components/services/tabs/Tabbar.tsx
index f09877b2f..d19a4b8de 100644
--- a/src/components/services/tabs/Tabbar.tsx
+++ b/src/components/services/tabs/Tabbar.tsx
@@ -99,7 +99,7 @@ class TabBar extends Component<IProps> {
     return (
       <div>
         <TabBarSortableList
-          // @ts-ignore
+          // @ts-expect-error Fix me
           services={services}
           setActive={setActive}
           onSortEnd={this.onSortEnd}
diff --git a/src/components/settings/navigation/SettingsNavigation.tsx b/src/components/settings/navigation/SettingsNavigation.tsx
index 6ffaa411f..66763c6a6 100644
--- a/src/components/settings/navigation/SettingsNavigation.tsx
+++ b/src/components/settings/navigation/SettingsNavigation.tsx
@@ -53,10 +53,6 @@ interface IProps extends Partial<StoresProps>, WrappedComponentProps {
 @inject('stores', 'actions')
 @observer
 class SettingsNavigation extends Component<IProps> {
-  constructor(props: IProps) {
-    super(props);
-  }
-
   handleLogout(): void {
     const isUsingWithoutAccount =
       this.props.stores!.settings.app.server === LOCAL_SERVER;
@@ -186,7 +182,7 @@ class SettingsNavigation extends Component<IProps> {
         <span className="settings-navigation__expander" />
         <button
           type="button"
-          // @ts-ignore
+          // @ts-expect-error  Fix me
           to="/auth/logout" // TODO: [TS DEBT] Need to check if button take this prop
           className="settings-navigation__link"
           onClick={this.handleLogout.bind(this)}
diff --git a/src/components/settings/supportFerdium/SupportFerdiumDashboard.tsx b/src/components/settings/supportFerdium/SupportFerdiumDashboard.tsx
index f3b7c718c..065690fb5 100644
--- a/src/components/settings/supportFerdium/SupportFerdiumDashboard.tsx
+++ b/src/components/settings/supportFerdium/SupportFerdiumDashboard.tsx
@@ -50,7 +50,7 @@ const SupportFerdiumDashboard = () => {
                 src="https://img.shields.io/github/stars/ferdium/ferdium-app?style=social"
               />
             </a>
-            <a target="_blank" href={FERDIUM_TRANSLATION}>
+            <a target="_blank" href={FERDIUM_TRANSLATION} rel="noreferrer">
               <img
                 src="https://badges.crowdin.net/ferdium-app/localized.svg"
                 alt="Crowdin"
diff --git a/src/components/ui/AppLoader/index.tsx b/src/components/ui/AppLoader/index.tsx
index f4d9b8e73..64c840aaa 100644
--- a/src/components/ui/AppLoader/index.tsx
+++ b/src/components/ui/AppLoader/index.tsx
@@ -61,18 +61,17 @@ class AppLoader extends Component<IProps, IState> {
         className={classes.component}
         spinnerColor={theme.colorAppLoaderSpinner}
       >
-        {texts &&
-          texts.map((text, i) => (
-            <span
-              key={text}
-              className={classnames({
-                [`${classes.slogan}`]: true,
-                [`${classes.visible}`]: step === i,
-              })}
-            >
-              {text}
-            </span>
-          ))}
+        {texts?.map((text, i) => (
+          <span
+            key={text}
+            className={classnames({
+              [`${classes.slogan}`]: true,
+              [`${classes.visible}`]: step === i,
+            })}
+          >
+            {text}
+          </span>
+        ))}
       </FullscreenLoader>
     );
   }
diff --git a/src/components/ui/Link.tsx b/src/components/ui/Link.tsx
index b5890ebd1..a9a429d3a 100644
--- a/src/components/ui/Link.tsx
+++ b/src/components/ui/Link.tsx
@@ -20,10 +20,6 @@ interface IProps extends Partial<StoresProps> {
 @inject('stores')
 @observer
 class Link extends Component<IProps> {
-  constructor(props: IProps) {
-    super(props);
-  }
-
   onClick(e: MouseEvent<HTMLAnchorElement>): void {
     const { disabled = false, target = '', to } = this.props;
     if (disabled) {
diff --git a/src/components/ui/Select.tsx b/src/components/ui/Select.tsx
index 8ae2945ce..a2ed4216f 100644
--- a/src/components/ui/Select.tsx
+++ b/src/components/ui/Select.tsx
@@ -24,10 +24,6 @@ class Select extends Component<IProps> {
   private element: RefObject<HTMLSelectElement> =
     createRef<HTMLSelectElement>();
 
-  constructor(props: IProps) {
-    super(props);
-  }
-
   multipleChange(e: ChangeEvent<HTMLSelectElement>): void {
     e.preventDefault();
     if (!this.element.current) {
diff --git a/src/components/ui/Tabs/Tabs.tsx b/src/components/ui/Tabs/Tabs.tsx
index 2c34d7e24..d7f75c8b8 100644
--- a/src/components/ui/Tabs/Tabs.tsx
+++ b/src/components/ui/Tabs/Tabs.tsx
@@ -41,6 +41,7 @@ class Tab extends Component<IProps, IState> {
         <div className="content-tabs__tabs">
           {Children.map(children, (child, i) => (
             <button
+              // eslint-disable-next-line react/no-array-index-key
               key={i}
               className={classnames({
                 'content-tabs__item': true,
@@ -56,6 +57,7 @@ class Tab extends Component<IProps, IState> {
         <div className="content-tabs__content">
           {Children.map(children, (child, i) => (
             <div
+              // eslint-disable-next-line react/no-array-index-key
               key={i}
               className={classnames({
                 'content-tabs__item': true,
diff --git a/src/components/ui/WebviewLoader/index.tsx b/src/components/ui/WebviewLoader/index.tsx
index 81923b6ca..c4e9c724c 100644
--- a/src/components/ui/WebviewLoader/index.tsx
+++ b/src/components/ui/WebviewLoader/index.tsx
@@ -32,7 +32,7 @@ class WebviewLoader extends Component<IProps> {
     return (
       <FullscreenLoader
         className={classes.component}
-        title={`${intl.formatMessage(messages.loading, { service: name })}`}
+        title={intl.formatMessage(messages.loading, { service: name })}
         loaded={loaded}
       />
     );
diff --git a/src/components/ui/colorPickerInput/index.tsx b/src/components/ui/colorPickerInput/index.tsx
index 9bab6efec..2367175bd 100644
--- a/src/components/ui/colorPickerInput/index.tsx
+++ b/src/components/ui/colorPickerInput/index.tsx
@@ -25,7 +25,7 @@ class ColorPickerInput extends Component<IProps> {
 
   componentDidMount(): void {
     const { focus = false } = this.props;
-    if (focus && this.inputElement && this.inputElement.current) {
+    if (focus && this.inputElement?.current) {
       this.inputElement.current.focus();
     }
   }
diff --git a/src/components/ui/headline/index.tsx b/src/components/ui/headline/index.tsx
index bebd8adcf..424190a6a 100644
--- a/src/components/ui/headline/index.tsx
+++ b/src/components/ui/headline/index.tsx
@@ -67,12 +67,11 @@ class HeadlineComponent extends Component<IProps> {
 }
 
 const Headline = injectStyle(styles, { injectTheme: true })(HeadlineComponent);
-const createH = (level: number) => (props: Omit<IProps, 'classes'>) =>
-  (
-    <Headline level={level} {...props}>
-      {props.children}
-    </Headline>
-  );
+const createH = (level: number) => (props: Omit<IProps, 'classes'>) => (
+  <Headline level={level} {...props}>
+    {props.children}
+  </Headline>
+);
 
 export const H1 = createH(1);
 export const H2 = createH(2);
diff --git a/src/components/ui/select/index.tsx b/src/components/ui/select/index.tsx
index 017de5423..902eb7748 100644
--- a/src/components/ui/select/index.tsx
+++ b/src/components/ui/select/index.tsx
@@ -301,11 +301,7 @@ class SelectComponent extends Component<IProps, IState> {
         this.select(Object.keys(options!)[selected]);
       }
 
-      if (
-        this.activeOptionRef?.current &&
-        this.scrollContainerRef &&
-        this.scrollContainerRef.current
-      ) {
+      if (this.activeOptionRef?.current && this.scrollContainerRef?.current) {
         const containerTopOffset = this.scrollContainerRef.current.offsetTop;
         const optionTopOffset = this.activeOptionRef.current.offsetTop;
 
diff --git a/src/containers/auth/WelcomeScreen.tsx b/src/containers/auth/WelcomeScreen.tsx
index 561eef236..1f3f50e4a 100644
--- a/src/containers/auth/WelcomeScreen.tsx
+++ b/src/containers/auth/WelcomeScreen.tsx
@@ -8,10 +8,6 @@ interface IProps extends Partial<StoresProps> {}
 @inject('stores', 'actions')
 @observer
 class WelcomeScreen extends Component<IProps> {
-  constructor(props: IProps) {
-    super(props);
-  }
-
   render(): ReactElement {
     const { user, recipePreviews } = this.props.stores!;
 
diff --git a/src/containers/layout/AppLayoutContainer.tsx b/src/containers/layout/AppLayoutContainer.tsx
index 1929492ff..e30c0e067 100644
--- a/src/containers/layout/AppLayoutContainer.tsx
+++ b/src/containers/layout/AppLayoutContainer.tsx
@@ -74,7 +74,6 @@ class AppLayoutContainer extends Component<IProps> {
 
     const workspacesDrawer = (
       <WorkspaceDrawer
-        // eslint-disable-next-line no-confusing-arrow
         getServicesForWorkspace={workspace =>
           workspace
             ? workspaceStore.getWorkspaceServices(workspace).map(s => s.name)
diff --git a/src/containers/settings/EditSettingsScreen.tsx b/src/containers/settings/EditSettingsScreen.tsx
index 0f3359bfc..7cdff7fde 100644
--- a/src/containers/settings/EditSettingsScreen.tsx
+++ b/src/containers/settings/EditSettingsScreen.tsx
@@ -1172,8 +1172,6 @@ class EditSettingsScreen extends Component<EditSettingsScreenProps> {
       };
     }
 
-    // @ts-ignore: Remove this ignore once mobx-react-form v4 with typescript
-    // support has been released.
     return new Form(config);
   }
 
diff --git a/src/containers/settings/EditUserScreen.tsx b/src/containers/settings/EditUserScreen.tsx
index 0d6c47da5..10c308524 100644
--- a/src/containers/settings/EditUserScreen.tsx
+++ b/src/containers/settings/EditUserScreen.tsx
@@ -126,8 +126,6 @@ class EditUserScreen extends Component<EditUserScreenProps> {
       },
     };
 
-    // @ts-ignore: Remove this ignore once mobx-react-form v4 with typescript
-    // support has been released.
     return new Form(config);
   }
 
diff --git a/src/electron/macOSPermissions.ts b/src/electron/macOSPermissions.ts
index c9f22aecb..88706dd23 100644
--- a/src/electron/macOSPermissions.ts
+++ b/src/electron/macOSPermissions.ts
@@ -2,6 +2,7 @@ import { systemPreferences, BrowserWindow, dialog } from 'electron';
 import { pathExistsSync, mkdirSync, writeFileSync } from 'fs-extra';
 import macosVersion from 'macos-version';
 import { dirname } from 'path';
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error
 // @ts-ignore
 import { askForScreenCaptureAccess } from 'node-mac-permissions';
 import { userDataPath } from '../environment-remote';
diff --git a/src/environment.ts b/src/environment.ts
index 0ba7774cd..e17be0b7f 100644
--- a/src/environment.ts
+++ b/src/environment.ts
@@ -43,4 +43,4 @@ export const splitModeToggleShortcutKey = (isAccelerator = true) =>
 export const settingsShortcutKey = (isAccelerator = true) =>
   `${cmdOrCtrlShortcutKey(isAccelerator)}+${isMac ? ',' : 'P'}`;
 export const toggleFullScreenKey = () =>
-  isMac ? `CTRL + ${cmdKey} + F` : `F11`;
+  isMac ? `CTRL + ${cmdKey} + F` : 'F11';
diff --git a/src/features/serviceProxy/index.ts b/src/features/serviceProxy/index.ts
index eb3b89ece..c98ae00a7 100644
--- a/src/features/serviceProxy/index.ts
+++ b/src/features/serviceProxy/index.ts
@@ -33,11 +33,7 @@ export default function init(stores: {
       if (config.isEnabled) {
         const serviceProxyConfig = proxySettings[service.id];
 
-        if (
-          serviceProxyConfig &&
-          serviceProxyConfig.isEnabled &&
-          serviceProxyConfig.host
-        ) {
+        if (serviceProxyConfig?.isEnabled && serviceProxyConfig.host) {
           const proxyHost = `${serviceProxyConfig.host}${
             serviceProxyConfig.port ? `:${serviceProxyConfig.port}` : ''
           }`;
diff --git a/src/features/workspaces/components/WorkspaceDrawer.tsx b/src/features/workspaces/components/WorkspaceDrawer.tsx
index 1c827e9dd..3e05cb7de 100644
--- a/src/features/workspaces/components/WorkspaceDrawer.tsx
+++ b/src/features/workspaces/components/WorkspaceDrawer.tsx
@@ -98,6 +98,7 @@ class WorkspaceDrawer extends Component<IProps> {
     try {
       getUserWorkspacesRequest.execute();
     } catch (error) {
+      // eslint-disable-next-line no-console
       console.log(error);
     }
   }
@@ -121,9 +122,9 @@ class WorkspaceDrawer extends Component<IProps> {
               workspaceActions.openWorkspaceSettings();
             }}
             data-tooltip-id="tooltip-workspaces-drawer"
-            data-tooltip-content={`${intl.formatMessage(
+            data-tooltip-content={intl.formatMessage(
               messages.workspacesSettingsTooltip,
-            )}`}
+            )}
           >
             <Icon
               icon={mdiCog}
diff --git a/src/features/workspaces/components/WorkspaceDrawerItem.tsx b/src/features/workspaces/components/WorkspaceDrawerItem.tsx
index 172b4192c..4fd7662f5 100644
--- a/src/features/workspaces/components/WorkspaceDrawerItem.tsx
+++ b/src/features/workspaces/components/WorkspaceDrawerItem.tsx
@@ -72,6 +72,7 @@ interface IProps extends WithStylesProps<typeof styles>, WrappedComponentProps {
   name: string;
   onClick: MouseEventHandler<HTMLInputElement>;
   services: string[];
+  // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
   onContextMenuEditClick?: () => void | null;
   shortcutIndex: number;
 }
diff --git a/src/features/workspaces/components/WorkspacesDashboard.tsx b/src/features/workspaces/components/WorkspacesDashboard.tsx
index c5f8909c1..a823132c5 100644
--- a/src/features/workspaces/components/WorkspacesDashboard.tsx
+++ b/src/features/workspaces/components/WorkspacesDashboard.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable react/jsx-no-useless-fragment */
 import { Component, ReactElement } from 'react';
 import { observer } from 'mobx-react';
 import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
diff --git a/src/features/workspaces/store.ts b/src/features/workspaces/store.ts
index 53e3b62ed..34a4126c8 100644
--- a/src/features/workspaces/store.ts
+++ b/src/features/workspaces/store.ts
@@ -64,6 +64,7 @@ export default class WorkspacesStore extends FeatureStore {
     return getUserWorkspacesRequest.wasExecuted && this.workspaces.length > 0;
   }
 
+  // eslint-disable-next-line @typescript-eslint/class-literal-property-style
   @computed get isUserAllowedToUseFeature() {
     return true;
   }
diff --git a/src/helpers/recipe-helpers.ts b/src/helpers/recipe-helpers.ts
index 93c107cc5..68a1578e3 100644
--- a/src/helpers/recipe-helpers.ts
+++ b/src/helpers/recipe-helpers.ts
@@ -15,6 +15,7 @@ export function loadRecipeConfig(recipeId: string) {
   try {
     const configPath = `${recipeId}/package.json`;
     // Delete module from cache
+    // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
     delete require.cache[require.resolve(configPath)];
 
     // eslint-disable-next-line import/no-dynamic-require
diff --git a/src/index.ts b/src/index.ts
index 7ef23415b..0487d692c 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -60,6 +60,7 @@ let mainWindow: BrowserWindow | undefined;
 let willQuitApp = false;
 let overrideAppQuitForUpdate = false;
 
+// eslint-disable-next-line unicorn/prefer-event-target
 export const appEvents = new EventEmitter();
 
 // Register methods to be called once the window has been loaded.
@@ -673,6 +674,7 @@ ipcMain.handle('get-desktop-capturer-sources', () =>
 );
 
 ipcMain.on('window.toolbar-double-clicked', () => {
+  // eslint-disable-next-line @typescript-eslint/no-unused-expressions
   mainWindow?.isMaximized() ? mainWindow.unmaximize() : mainWindow?.maximize();
 });
 
diff --git a/src/internal-server/app/Controllers/Http/UserController.js b/src/internal-server/app/Controllers/Http/UserController.js
index 9a9d76636..a9c67a1b2 100644
--- a/src/internal-server/app/Controllers/Http/UserController.js
+++ b/src/internal-server/app/Controllers/Http/UserController.js
@@ -26,6 +26,7 @@ const apiRequest = (url, route, method, auth) =>
         .then(data => data.json())
         .then(json => resolve(json));
     } catch (error) {
+      // eslint-disable-next-line no-console
       console.log(error);
       reject();
     }
@@ -197,7 +198,7 @@ class UserController {
       const services = await apiRequest(server, 'me/services', 'GET', token);
 
       for (const service of services) {
-        await this._createAndCacheService(service, serviceIdTranslation); // eslint-disable-line no-await-in-loop
+        await this._createAndCacheService(service, serviceIdTranslation);
       }
     } catch (error) {
       const errorMessage = `Could not import your services into our system.\nError: ${error}`;
@@ -209,7 +210,7 @@ class UserController {
       const workspaces = await apiRequest(server, 'workspace', 'GET', token);
 
       for (const workspace of workspaces) {
-        await this._createWorkspace(workspace, serviceIdTranslation); // eslint-disable-line no-await-in-loop
+        await this._createWorkspace(workspace, serviceIdTranslation);
       }
     } catch (error) {
       const errorMessage = `Could not import your workspaces into our system.\nError: ${error}`;
@@ -257,6 +258,7 @@ class UserController {
     try {
       file = JSON.parse(request.input('file'));
     } catch (error) {
+      // eslint-disable-next-line no-console
       console.log(error);
       return response.send(
         'Could not import: Invalid file, could not read file',
@@ -272,7 +274,7 @@ class UserController {
     // Import services
     try {
       for (const service of file.services) {
-        await this._createAndCacheService(service, serviceIdTranslation); // eslint-disable-line no-await-in-loop
+        await this._createAndCacheService(service, serviceIdTranslation);
       }
     } catch (error) {
       const errorMessage = `Could not import your services into our system.\nError: ${error}`;
@@ -282,7 +284,7 @@ class UserController {
     // Import workspaces
     try {
       for (const workspace of file.workspaces) {
-        await this._createWorkspace(workspace, serviceIdTranslation); // eslint-disable-line no-await-in-loop
+        await this._createWorkspace(workspace, serviceIdTranslation);
       }
     } catch (error) {
       const errorMessage = `Could not import your workspaces into our system.\nError: ${error}`;
@@ -302,6 +304,7 @@ class UserController {
     );
 
     if (workspace.services) {
+      // eslint-disable-next-line no-param-reassign
       workspace.services = convertToJSON(workspace.services);
     }
     const services =
@@ -311,6 +314,7 @@ class UserController {
           )
         : [];
     if (workspace.data) {
+      // eslint-disable-next-line no-param-reassign
       workspace.data = convertToJSON(workspace.data);
     }
 
@@ -334,9 +338,11 @@ class UserController {
     );
 
     // store the old serviceId as the key for future lookup
+    // eslint-disable-next-line no-param-reassign
     serviceIdTranslation[service.serviceId] = newServiceId;
 
     if (service.settings) {
+      // eslint-disable-next-line no-param-reassign
       service.settings = convertToJSON(service.settings);
     }
 
diff --git a/src/internal-server/public/js/transfer.js b/src/internal-server/public/js/transfer.js
index e3b3f92a2..76aa4b938 100644
--- a/src/internal-server/public/js/transfer.js
+++ b/src/internal-server/public/js/transfer.js
@@ -13,5 +13,6 @@ fileInput.addEventListener('change', () => {
       submitBtn.disabled = false;
     }
   });
+  // eslint-disable-next-line unicorn/prefer-blob-reading-methods
   reader.readAsText(fileInput.files[0]);
 });
diff --git a/src/lib/Form.ts b/src/lib/Form.ts
index ca96406e7..2b25eb193 100644
--- a/src/lib/Form.ts
+++ b/src/lib/Form.ts
@@ -3,6 +3,7 @@ import vjf from 'mobx-react-form/lib/validators/VJF';
 import { FormFields } from '../@types/mobx-form.types';
 
 export default class DefaultForm extends Form {
+  // eslint-disable-next-line @typescript-eslint/no-useless-constructor
   constructor(fields: FormFields) {
     super(fields);
   }
diff --git a/src/lib/Menu.ts b/src/lib/Menu.ts
index d611d5f3e..f587f8df9 100644
--- a/src/lib/Menu.ts
+++ b/src/lib/Menu.ts
@@ -700,6 +700,7 @@ class FranzMenu implements StoresProps {
 
     // Don't initialize when window['ferdium'] is undefined
     if (window['ferdium'] === undefined) {
+      // eslint-disable-next-line no-console
       console.log('skipping menu init');
       return;
     }
@@ -1010,6 +1011,7 @@ class FranzMenu implements StoresProps {
         },
       ];
 
+      // eslint-disable-next-line unicorn/prefer-at
       (tpl[tpl.length - 1].submenu as MenuItemConstructorOptions[]).push(
         {
           type: 'separator',
@@ -1027,6 +1029,7 @@ class FranzMenu implements StoresProps {
 
       tpl[5].submenu = this.todosMenu();
 
+      // eslint-disable-next-line unicorn/prefer-at
       (tpl[tpl.length - 1].submenu as MenuItemConstructorOptions[]).push(
         {
           type: 'separator',
diff --git a/src/models/Recipe.ts b/src/models/Recipe.ts
index a03d3447f..35e8d4979 100644
--- a/src/models/Recipe.ts
+++ b/src/models/Recipe.ts
@@ -50,11 +50,15 @@ export interface IRecipe {
   partition: string;
   local: boolean;
 
+  // eslint-disable-next-line @typescript-eslint/ban-types
   readonly overrideUserAgent?: null | Function;
+  // eslint-disable-next-line @typescript-eslint/ban-types
   readonly buildUrl?: null | Function;
+  // eslint-disable-next-line @typescript-eslint/ban-types
   readonly modifyRequestHeaders?: null | Function;
+  // eslint-disable-next-line @typescript-eslint/ban-types
   readonly knownCertificateHosts?: null | Function;
-  readonly events?: null | { (key: string): string };
+  readonly events?: null | ((key: string) => string);
 
   // TODO: [TS DEBT] Need to check if below properties are needed and where is inherited / implemented from
   author?: string[];
@@ -132,7 +136,7 @@ export default class Recipe implements IRecipe {
     this.id = ifUndefined<string>(data.id, this.id);
     this.name = ifUndefined<string>(data.name, this.name);
     this.version = ifUndefined<string>(data.version, this.version);
-    this.aliases = ifUndefined<Array<string>>(data.aliases, this.aliases);
+    this.aliases = ifUndefined<string[]>(data.aliases, this.aliases);
     this.serviceURL = ifUndefined<string>(
       data.config.serviceURL,
       this.serviceURL,
diff --git a/src/routes.tsx b/src/routes.tsx
index beada5c96..9f81e46d9 100644
--- a/src/routes.tsx
+++ b/src/routes.tsx
@@ -51,7 +51,7 @@ class FerdiumRoutes extends Component<IProps> {
     const errorProps = { error: routeProps.stores.globalError.error || {} };
 
     return (
-      // @ts-expect-error
+      // @ts-expect-error Fix me
       <HistoryRouter history={history}>
         <Routes>
           <Route path="/auth" element={<AuthLayoutContainer {...routeProps} />}>
@@ -129,7 +129,7 @@ class FerdiumRoutes extends Component<IProps> {
               />
               <Route
                 path="/settings/services"
-                /* @ts-ignore */
+                // @ts-expect-error Fix me
                 element={<ServicesScreen {...this.props} />}
               />
               <Route
@@ -138,37 +138,37 @@ class FerdiumRoutes extends Component<IProps> {
               />
               <Route
                 path={WORKSPACES_ROUTES.ROOT}
-                /* @ts-ignore */
+                // @ts-expect-error Fix me
                 element={<WorkspacesScreen {...this.props} />}
               />
               <Route
                 path={WORKSPACES_ROUTES.EDIT}
-                /* @ts-ignore */
+                // @ts-expect-error Fix me
                 element={<EditWorkspaceScreen {...this.props} />}
               />
               <Route
                 path="/settings/user"
-                /* @ts-ignore */
+                // @ts-expect-error Fix me
                 element={<AccountScreen {...this.props} />}
               />
               <Route
                 path="/settings/user/edit"
-                /* @ts-ignore */
+                // @ts-expect-error Fix me
                 element={<EditUserScreen {...this.props} />}
               />
               <Route
                 path="/settings/team"
-                /* @ts-ignore */
+                // @ts-expect-error Fix me
                 element={<TeamScreen {...this.props} />}
               />
               <Route
                 path="/settings/app"
-                /* @ts-ignore */
+                // @ts-expect-error Fix me
                 element={<EditSettingsScreen {...this.props} />}
               />
               <Route
                 path="/settings/invite"
-                /* @ts-ignore */
+                // @ts-expect-error Fix me
                 element={<InviteSettingsScreen {...this.props} />}
               />
               <Route
diff --git a/src/stores/AppStore.ts b/src/stores/AppStore.ts
index 82591a2a4..412c52ecf 100644
--- a/src/stores/AppStore.ts
+++ b/src/stores/AppStore.ts
@@ -351,6 +351,7 @@ export default class AppStore extends TypedStore {
 
     // TODO: is there a simple way to use blobs for notifications without storing them on disk?
     if (options.icon?.startsWith('blob:')) {
+      // eslint-disable-next-line no-param-reassign
       delete options.icon;
     }
 
@@ -493,6 +494,7 @@ export default class AppStore extends TypedStore {
         allOrphanedServiceIds.map(id => removeServicePartitionDirectory(id)),
       );
     } catch (error) {
+      // eslint-disable-next-line no-console
       console.log('Error while deleting service partition directory -', error);
     }
     await Promise.all(
diff --git a/src/stores/GlobalErrorStore.ts b/src/stores/GlobalErrorStore.ts
index 8547fec72..74a43100b 100644
--- a/src/stores/GlobalErrorStore.ts
+++ b/src/stores/GlobalErrorStore.ts
@@ -27,34 +27,36 @@ export default class GlobalErrorStore extends TypedStore {
 
   @observable response: Response = {} as Response;
 
-  // TODO: Get rid of the @ts-ignores in this function.
+  // TODO: Get rid of the @ts-expect-errors in this function.
   constructor(stores: Stores, api: ApiInterface, actions: Actions) {
     super(stores, api, actions);
 
     makeObservable(this);
 
     window.addEventListener('error', (...errorArgs: any[]): void => {
-      // @ts-ignore ts-message: Expected 5 arguments, but got 2.
+      // @ts-expect-error ts-message: Expected 5 arguments, but got 2.
       this._handleConsoleError.call(this, ['error', ...errorArgs]);
     });
 
     const origConsoleError = console.error;
     window.console.error = (...errorArgs: any[]) => {
-      // @ts-ignore ts-message: Expected 5 arguments, but got 2.
+      // @ts-expect-error ts-message: Expected 5 arguments, but got 2.
       this._handleConsoleError.call(this, ['error', ...errorArgs]);
       origConsoleError.apply(this, errorArgs);
     };
 
+    // eslint-disable-next-line no-console
     const origConsoleLog = console.log;
     window.console.log = (...logArgs: any[]) => {
-      // @ts-ignore ts-message: Expected 5 arguments, but got 2.
+      // @ts-expect-error ts-message: Expected 5 arguments, but got 2.
       this._handleConsoleError.call(this, ['log', ...logArgs]);
       origConsoleLog.apply(this, logArgs);
     };
 
+    // eslint-disable-next-line no-console
     const origConsoleInfo = console.info;
     window.console.info = (...infoArgs: any[]) => {
-      // @ts-ignore ts-message: Expected 5 arguments, but got 2.
+      // @ts-expect-error ts-message: Expected 5 arguments, but got 2.
       this._handleConsoleError.call(this, ['info', ...infoArgs]);
       origConsoleInfo.apply(this, infoArgs);
     };
diff --git a/src/stores/RecipesStore.ts b/src/stores/RecipesStore.ts
index 07f1343f8..b645a5989 100644
--- a/src/stores/RecipesStore.ts
+++ b/src/stores/RecipesStore.ts
@@ -36,6 +36,7 @@ export default class RecipesStore extends TypedStore {
 
   async setup(): Promise<void> {
     // Initially load all recipes
+    // eslint-disable-next-line @typescript-eslint/no-unused-expressions
     this.all;
   }
 
diff --git a/src/stores/ServicesStore.ts b/src/stores/ServicesStore.ts
index 44f8b277c..7f4693cad 100644
--- a/src/stores/ServicesStore.ts
+++ b/src/stores/ServicesStore.ts
@@ -435,7 +435,7 @@ export default class ServicesStore extends TypedStore {
 
   // TODO: This can actually return undefined as well
   one(id: string): Service {
-    return this.all.find(service => service.id === id) as Service;
+    return this.all.find(service => service.id === id)!;
   }
 
   async _showAddServiceInterface({ recipeId }) {
diff --git a/src/stores/SettingsStore.ts b/src/stores/SettingsStore.ts
index 5ca499160..90cd82690 100644
--- a/src/stores/SettingsStore.ts
+++ b/src/stores/SettingsStore.ts
@@ -70,14 +70,17 @@ export default class SettingsStore extends TypedStore {
         this.all.app.lockingFeatureEnabled &&
         this.all.app.inactivityLock !== 0
       ) {
-        inactivityTimer = setTimeout(() => {
-          this.actions.settings.update({
-            type: 'app',
-            data: {
-              locked: true,
-            },
-          });
-        }, this.all.app.inactivityLock * 1000 * 60);
+        inactivityTimer = setTimeout(
+          () => {
+            this.actions.settings.update({
+              type: 'app',
+              data: {
+                locked: true,
+              },
+            });
+          },
+          this.all.app.inactivityLock * 1000 * 60,
+        );
       }
     });
     getCurrentWindow().on('focus', () => {
@@ -176,6 +179,7 @@ export default class SettingsStore extends TypedStore {
 
     const appSettings = this.all[type];
     if (Object.hasOwnProperty.call(appSettings, key)) {
+      // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
       delete appSettings[key];
 
       this.actions.settings.update({
@@ -185,6 +189,7 @@ export default class SettingsStore extends TypedStore {
     }
   }
 
+  // eslint-disable-next-line @typescript-eslint/ban-types
   _ensureMigrationAndMarkDone(migrationName: string, callback: Function): void {
     if (!this.all.migration[migrationName]) {
       callback();
diff --git a/src/stores/UserStore.ts b/src/stores/UserStore.ts
index 7ba8f4222..0616acdad 100644
--- a/src/stores/UserStore.ts
+++ b/src/stores/UserStore.ts
@@ -210,7 +210,7 @@ export default class UserStore extends TypedStore {
     currency,
   }): Promise<void> {
     // TODO: [TS DEBT] Need to find a way proper to implement promise's then and catch in request class
-    // @ts-ignore
+    // @ts-expect-error Fix me
     const authToken = await this.signupRequest.execute({
       firstname,
       lastname,
@@ -400,7 +400,7 @@ export default class UserStore extends TypedStore {
     const params = new URLSearchParams(parsedUrl.search.slice(1));
 
     // TODO: Remove the neccesity for `as string`
-    params.append('authToken', this.authToken as string);
+    params.append('authToken', this.authToken!);
 
     return `${parsedUrl.origin}${parsedUrl.pathname}?${params.toString()}`;
   }
diff --git a/src/stores/lib/TypedStore.ts b/src/stores/lib/TypedStore.ts
index 0a669e669..8bae529ba 100644
--- a/src/stores/lib/TypedStore.ts
+++ b/src/stores/lib/TypedStore.ts
@@ -41,7 +41,7 @@ export default abstract class TypedStore {
     this.actions = actions;
   }
 
-  registerReactions(reactions: { (r: IReactionPublic): void }[]): void {
+  registerReactions(reactions: ((r: IReactionPublic) => void)[]): void {
     for (const reaction of reactions) {
       this._reactions.push(new Reaction(reaction));
     }
diff --git a/src/webview/contextMenuBuilder.ts b/src/webview/contextMenuBuilder.ts
index 6d904eee3..d18bc56f9 100644
--- a/src/webview/contextMenuBuilder.ts
+++ b/src/webview/contextMenuBuilder.ts
@@ -52,8 +52,8 @@ function translatePopup(res, isError: boolean = false) {
       z-index: 999999;
       ${
         isError
-          ? `background: rgb(255 37 37);`
-          : `background: rgb(131 131 131);`
+          ? 'background: rgb(255 37 37);'
+          : 'background: rgb(131 131 131);'
       }
       border-radius: 8px;
       top: 5%;
@@ -148,7 +148,7 @@ const contextMenuStringTable: ContextMenuStringTable = {
   paste: () => 'Paste',
   pasteAndMatchStyle: () => 'Paste and match style',
   searchWith: ({ searchEngine }) => `Search with ${searchEngine}`,
-  translate: () => `Translate to ...`,
+  translate: () => 'Translate to ...',
   quickTranslate: ({ translatorLanguage }) =>
     `Translate to ${translatorLanguage}`,
   translateLanguage: ({ translatorLanguage }) => `${translatorLanguage}`,
@@ -798,6 +798,7 @@ export class ContextMenuBuilder {
     callback: {
       (dataURL: any): void;
       (dataURL: any): void;
+      // eslint-disable-next-line @typescript-eslint/unified-signatures
       (arg0: string): void;
     },
     outputFormat: string = 'image/png',
diff --git a/src/webview/lib/Userscript.ts b/src/webview/lib/Userscript.ts
index b0e4fb805..5adc1ac3a 100644
--- a/src/webview/lib/Userscript.ts
+++ b/src/webview/lib/Userscript.ts
@@ -32,7 +32,7 @@ export default class Userscript {
    *
    * @param {*} settings
    */
-  // eslint-disable-next-line camelcase
+
   internal_setSettings(settings: any) {
     // This is needed to get a clean JS object from the settings itself to provide better accessibility
     // Otherwise this will be a mobX instance
@@ -45,7 +45,7 @@ export default class Userscript {
    * @param {number} indirect Indirect messages
    */
   setBadge(direct: number = 0, indirect: number = 0) {
-    if (this.recipe && this.recipe.setBadge) {
+    if (this.recipe?.setBadge) {
       this.recipe.setBadge(direct, indirect);
     }
   }
@@ -55,7 +55,7 @@ export default class Userscript {
    * @param {*} title Dialog title
    */
   setDialogTitle(title: string) {
-    if (this.recipe && this.recipe.setDialogTitle) {
+    if (this.recipe?.setDialogTitle) {
       this.recipe.setDialogTitle(title);
     }
   }
@@ -66,7 +66,7 @@ export default class Userscript {
    * @param  {...string} files
    */
   injectCSSFiles(...files: string[]) {
-    if (this.recipe && this.recipe.injectCSS) {
+    if (this.recipe?.injectCSS) {
       // @ts-expect-error A spread argument must either have a tuple type or be passed to a rest parameter.
       this.recipe.injectCSS(...files);
     }
@@ -99,6 +99,7 @@ export default class Userscript {
    * @param {string} key
    * @return Value of the key
    */
+  // eslint-disable-next-line consistent-return
   get(key: string) {
     const ferdiumUserKey = window.localStorage.getItem(`ferdium-user-${key}`);
 
diff --git a/src/webview/recipe.ts b/src/webview/recipe.ts
index 0d18e4347..76615d234 100644
--- a/src/webview/recipe.ts
+++ b/src/webview/recipe.ts
@@ -1,6 +1,6 @@
 /* eslint-disable global-require */
 /* eslint-disable import/no-dynamic-require */
-/* eslint-disable import/first */
+
 import { noop, debounce } from 'lodash';
 import { contextBridge, ipcRenderer } from 'electron';
 import { join } from 'path';
@@ -52,7 +52,7 @@ import Service from '../models/Service';
 // This will cause the service to fail loading
 // As the message API is not actually needed, we'll add this shim sendMessage
 // function in order for darkreader to continue working
-// @ts-ignore
+// @ts-expect-error Fix this
 window.chrome.runtime.sendMessage = noop;
 
 const debug = require('../preload-safe-debug')('Ferdium:Plugin');
@@ -143,9 +143,9 @@ class RecipeController {
     service: Service;
   } = {
     overrideSpellcheckerLanguage: false,
-    // @ts-ignore
+    // @ts-expect-error Fix this
     app: DEFAULT_APP_SETTINGS,
-    // @ts-ignore
+    // @ts-expect-error Fix this
     service: {
       isDarkModeEnabled: false,
       spellcheckerLanguage: '',
@@ -233,6 +233,7 @@ class RecipeController {
     const modulePath = join(recipe.path, 'webview.js');
     debug('module path', modulePath);
     // Delete module from cache
+    // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
     delete require.cache[require.resolve(modulePath)];
     try {
       this.recipe = new RecipeWebview(
@@ -311,7 +312,7 @@ class RecipeController {
     debug('translatorEngine', this.settings.app.translatorEngine);
     debug('translatorLanguage', this.settings.app.translatorLanguage);
 
-    if (this.userscript && this.userscript.internal_setSettings) {
+    if (this.userscript?.internal_setSettings) {
       this.userscript.internal_setSettings(this.settings);
     }
 
@@ -339,7 +340,7 @@ class RecipeController {
       'Darkmode enabled?',
       this.settings.service.isDarkModeEnabled,
       'Dark theme active?',
-      // @ts-ignore
+      // @ts-expect-error Fix this
       this.settings.app.isDarkThemeActive,
     );
 
@@ -356,7 +357,7 @@ class RecipeController {
       debug('Enable dark mode');
 
       // Check if recipe has a custom dark mode handler
-      if (this.recipe && this.recipe.darkModeHandler) {
+      if (this.recipe?.darkModeHandler) {
         debug('Using custom dark mode handler');
 
         // Remove other dark mode styles if they were already loaded
@@ -399,7 +400,7 @@ class RecipeController {
       debug('Remove dark mode');
       debug('DarkMode disabled - removing remaining styles');
 
-      if (this.recipe && this.recipe.darkModeHandler) {
+      if (this.recipe?.darkModeHandler) {
         // Remove other dark mode styles if they were already loaded
         if (this.hasUpdatedBeforeRecipeLoaded) {
           this.hasUpdatedBeforeRecipeLoaded = false;