[ESLint] Prefer named exports (#427)

src/screens/settings/About.tsx

@@ -11,14 +11,14 @@ import List from '@mui/material/List';
 import ListItem from '@mui/material/ListItem';
 import ListItemText from '@mui/material/ListItemText';
 import { useTranslation } from 'react-i18next';
-import requestManager from '@/lib/requests/RequestManager.ts';
-import ListItemLink from '@/components/util/ListItemLink';
-import NavbarContext, { useSetDefaultBackTo } from '@/components/context/NavbarContext';
-import LoadingPlaceholder from '@/components/util/LoadingPlaceholder';
+import { requestManager } from '@/lib/requests/RequestManager.ts';
+import { ListItemLink } from '@/components/util/ListItemLink';
+import { NavBarContext, useSetDefaultBackTo } from '@/components/context/NavbarContext';
+import { LoadingPlaceholder } from '@/components/util/LoadingPlaceholder';
 
-export default function About() {
+export function About() {
     const { t } = useTranslation();
-    const { setTitle, setAction } = useContext(NavbarContext);
+    const { setTitle, setAction } = useContext(NavBarContext);
 
     useEffect(() => {
         setTitle(t('settings.about.title'));

src/screens/settings/Backup.tsx

@@ -12,14 +12,14 @@ import ListItemText from '@mui/material/ListItemText';
 import { fromEvent } from 'file-selector';
 import { useTranslation } from 'react-i18next';
 import { ListItemButton } from '@mui/material';
-import requestManager from '@/lib/requests/RequestManager.ts';
-import makeToast from '@/components/util/Toast';
-import ListItemLink from '@/components/util/ListItemLink';
-import NavbarContext, { useSetDefaultBackTo } from '@/components/context/NavbarContext';
+import { requestManager } from '@/lib/requests/RequestManager.ts';
+import { makeToast } from '@/components/util/Toast';
+import { ListItemLink } from '@/components/util/ListItemLink';
+import { NavBarContext, useSetDefaultBackTo } from '@/components/context/NavbarContext';
 
-export default function Backup() {
+export function Backup() {
     const { t } = useTranslation();
-    const { setTitle, setAction } = useContext(NavbarContext);
+    const { setTitle, setAction } = useContext(NavBarContext);
     useEffect(() => {
         setTitle(t('settings.backup.title'));
         setAction(null);

src/screens/settings/Categories.tsx

@@ -24,10 +24,10 @@ import DialogTitle from '@mui/material/DialogTitle';
 import Checkbox from '@mui/material/Checkbox';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import { useTranslation } from 'react-i18next';
-import requestManager from '@/lib/requests/RequestManager.ts';
-import StrictModeDroppable from '@/lib/StrictModeDroppable';
+import { requestManager } from '@/lib/requests/RequestManager.ts';
+import { StrictModeDroppable } from '@/lib/StrictModeDroppable';
 import { DEFAULT_FULL_FAB_HEIGHT } from '@/components/util/StyledFab';
-import NavbarContext, { useSetDefaultBackTo } from '@/components/context/NavbarContext';
+import { NavBarContext, useSetDefaultBackTo } from '@/components/context/NavbarContext';
 import { TCategory } from '@/typings.ts';
 
 const getItemStyle = (
@@ -43,10 +43,10 @@ const getItemStyle = (
     }),
 });
 
-export default function Categories() {
+export function Categories() {
     const { t } = useTranslation();
 
-    const { setTitle, setAction } = useContext(NavbarContext);
+    const { setTitle, setAction } = useContext(NavBarContext);
     useEffect(() => {
         setTitle(t('category.title.categories'));
         setAction(null);

src/screens/settings/DefaultReaderSettings.tsx

@@ -17,13 +17,13 @@ import {
     getDefaultSettings,
     useDefaultReaderSettings,
 } from '@/util/readerSettings';
-import ReaderSettingsOptions from '@/components/reader/ReaderSettingsOptions';
-import makeToast from '@/components/util/Toast';
-import NavbarContext, { useSetDefaultBackTo } from '@/components/context/NavbarContext';
+import { ReaderSettingsOptions } from '@/components/reader/ReaderSettingsOptions';
+import { makeToast } from '@/components/util/Toast';
+import { NavBarContext, useSetDefaultBackTo } from '@/components/context/NavbarContext';
 
-export default function DefaultReaderSettings() {
+export function DefaultReaderSettings() {
     const { t } = useTranslation();
-    const { setTitle, setAction } = useContext(NavbarContext);
+    const { setTitle, setAction } = useContext(NavBarContext);
     useEffect(() => {
         setTitle(t('reader.settings.title.default_reader_settings'));
         setAction(null);

src/screens/settings/LibrarySettings.tsx

@@ -8,13 +8,13 @@
 
 import { useTranslation } from 'react-i18next';
 import { useContext, useEffect } from 'react';
-import NavbarContext, { useSetDefaultBackTo } from '@/components/context/NavbarContext.tsx';
+import { NavBarContext, useSetDefaultBackTo } from '@/components/context/NavbarContext.tsx';
 import { GlobalUpdateSettings } from '@/components/globalUpdate/GlobalUpdateSettings.tsx';
-import SearchSettings from '@/screens/settings/SearchSettings.tsx';
+import { SearchSettings } from '@/screens/settings/SearchSettings.tsx';
 
-export default function LibrarySettings() {
+export function LibrarySettings() {
     const { t } = useTranslation();
-    const { setTitle, setAction } = useContext(NavbarContext);
+    const { setTitle, setAction } = useContext(NavBarContext);
 
     useEffect(() => {
         setTitle(t('library.settings.title'));

src/screens/settings/SearchSettings.tsx

@@ -15,10 +15,10 @@ import ListSubheader from '@mui/material/ListSubheader';
 import { SearchMetadataKeys } from '@/typings';
 import { convertToGqlMeta, requestUpdateServerMetadata } from '@/util/metadata';
 import { useSearchSettings } from '@/util/searchSettings';
-import makeToast from '@/components/util/Toast';
+import { makeToast } from '@/components/util/Toast';
 import { useSetDefaultBackTo } from '@/components/context/NavbarContext';
 
-export default function SearchSettings() {
+export function SearchSettings() {
     const { t } = useTranslation();
     const { metadata, settings } = useSearchSettings();