Update lint rules

src/features/backup/Backup.constants.ts

@@ -6,9 +6,10 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import { MessageDescriptor } from '@lingui/core';
+import type { MessageDescriptor } from '@lingui/core';
 import { msg } from '@lingui/core/macro';
-import { BackupFlag, BackupFlagGroup } from '@/features/backup/Backup.types.ts';
+import type { BackupFlag } from '@/features/backup/Backup.types.ts';
+import { BackupFlagGroup } from '@/features/backup/Backup.types.ts';
 
 export const BACKUP_FLAGS_TO_TRANSLATION: Record<BackupFlag, MessageDescriptor> = {
     includeManga: msg`Library entries`,

src/features/backup/Backup.types.ts

@@ -6,8 +6,8 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import { PartialBackupFlagsInput } from '@/lib/graphql/generated/graphql.ts';
-import { ServerSettings } from '@/features/settings/Settings.types.ts';
+import type { PartialBackupFlagsInput } from '@/lib/graphql/generated/graphql.ts';
+import type { ServerSettings } from '@/features/settings/Settings.types.ts';
 
 export enum BackupFlagGroup {
     LIBRARY = 'library',

src/features/backup/Backup.utils.ts

@@ -7,7 +7,11 @@
  */
 
 import { plural, t } from '@lingui/core/macro';
-import { AutoBackupFlagInclusionState, BackupFlag, BackupFlagInclusionState } from '@/features/backup/Backup.types.ts';
+import type {
+    AutoBackupFlagInclusionState,
+    BackupFlag,
+    BackupFlagInclusionState,
+} from '@/features/backup/Backup.types.ts';
 import { BACKUP_FLAGS_TO_TRANSLATION } from '@/features/backup/Backup.constants.ts';
 
 export const convertToAutoBackupFlags = (flags: BackupFlagInclusionState): AutoBackupFlagInclusionState => ({

src/features/backup/component/BackupFlagInclusionDialog.tsx

@@ -15,7 +15,7 @@ import { useState } from 'react';
 import Button from '@mui/material/Button';
 import Stack from '@mui/material/Stack';
 import Typography from '@mui/material/Typography';
-import { AwaitableComponentProps } from 'awaitable-component';
+import type { AwaitableComponentProps } from 'awaitable-component';
 import { useLingui } from '@lingui/react/macro';
 import { CheckboxInput } from '@/base/components/inputs/CheckboxInput.tsx';
 import {
@@ -24,7 +24,7 @@ import {
     BACKUP_FLAGS_BY_GROUP,
     BACKUP_FLAGS_TO_TRANSLATION,
 } from '@/features/backup/Backup.constants.ts';
-import { BackupFlagGroup, BackupFlagInclusionState } from '@/features/backup/Backup.types.ts';
+import type { BackupFlagGroup, BackupFlagInclusionState } from '@/features/backup/Backup.types.ts';
 
 export const BackupFlagInclusionDialog = ({
     onDismiss,

src/features/backup/component/BackupValidationDialog.tsx

@@ -15,11 +15,11 @@ import Button from '@mui/material/Button';
 import ListItem from '@mui/material/ListItem';
 import { Link } from 'react-router-dom';
 import Stack from '@mui/material/Stack';
-import { AwaitableComponentProps } from 'awaitable-component';
+import type { AwaitableComponentProps } from 'awaitable-component';
 import { useLingui } from '@lingui/react/macro';
 import { BrowseTab } from '@/features/browse/Browse.types.ts';
 import { AppRoutes } from '@/base/AppRoute.constants.ts';
-import { ValidateBackupResult } from '@/lib/graphql/generated/graphql.ts';
+import type { ValidateBackupResult } from '@/lib/graphql/generated/graphql.ts';
 
 export const BackupValidationDialog = ({
     validationResult,

src/features/backup/screens/Backup.tsx

@@ -37,10 +37,17 @@ import {
     getAutoBackupFlagsInfo,
     getBackupCleanupDisplayValue,
 } from '@/features/backup/Backup.utils.ts';
-import { BackupSettingsType } from '@/features/backup/Backup.types.ts';
+import type { BackupSettingsType } from '@/features/backup/Backup.types.ts';
 
 let backupRestoreId: string | undefined;
 
+const resetBackupState = () => {
+    const input = document.getElementById('backup-file') as HTMLInputElement;
+    if (input) {
+        input.value = '';
+    }
+};
+
 export function Backup() {
     const { t } = useLingui();
 
@@ -113,13 +120,6 @@ export function Backup() {
         }
     }, [data?.restoreStatus?.state]);
 
-    const resetBackupState = () => {
-        const input = document.getElementById('backup-file') as HTMLInputElement;
-        if (input) {
-            input.value = '';
-        }
-    };
-
     const createBackup = async () => {
         const flags = await AwaitableComponent.show(BackupFlagInclusionDialog, {
             title: t`Create backup`,