Move Library "search settings" to LibrarySettings (#381)

src/i18n/locale/en.json

@@ -394,6 +394,7 @@
       "ignore_filters": "Ignore filters when searching"
     },
     "title": {
+      "search": "Search",
       "global_search": "Global Search"
     }
   },

src/screens/Settings.tsx

@@ -38,7 +38,6 @@ import CollectionsOutlinedBookmarkIcon from '@mui/icons-material/CollectionsBook
 import requestManager from '@/lib/RequestManager';
 import { langCodeToName } from '@/util/language';
 import useLocalStorage from '@/util/useLocalStorage';
-import SearchSettings from '@/screens/settings/SearchSettings';
 import ListItemLink from '@/components/util/ListItemLink';
 import DarkTheme from '@/components/context/DarkTheme';
 import NavbarContext from '@/components/context/NavbarContext';
@@ -138,7 +137,6 @@ export default function Settings() {
                         <Switch edge="end" checked={darkTheme} onChange={() => setDarkTheme(!darkTheme)} />
                     </ListItemSecondaryAction>
                 </ListItem>
-                <SearchSettings />
                 <ListItemButton
                     onClick={() => {
                         handleDialogOpenItemWidth();

src/screens/settings/LibrarySettings.tsx

@@ -25,6 +25,7 @@ import requestManager from '@/lib/RequestManager';
 import makeToast from '@/components/util/Toast';
 import ThreeStateCheckboxInput from '@/components/atoms/ThreeStateCheckboxInput';
 import NavbarContext from '@/components/context/NavbarContext';
+import SearchSettings from '@/screens/settings/SearchSettings';
 
 const CategoriesDiv = styled('div')({
     display: 'flex',
@@ -138,6 +139,15 @@ export default function LibrarySettings() {
 
     return (
         <>
+            <List
+                subheader={
+                    <ListSubheader component="div" id="nested-list-subheader">
+                        {t('search.title.search')}
+                    </ListSubheader>
+                }
+            >
+                <SearchSettings />
+            </List>
             <List
                 subheader={
                     <ListSubheader component="div" id="nested-list-subheader">