Simplify setting route names

src/App.tsx

@@ -119,18 +119,18 @@ const MainApp = () => {
                         <Route index element={<Settings />} />
                         <Route path="about" element={<About />} />
                         <Route path="categories" element={<CategorySettings />} />
-                        <Route path="readerSettings" element={<GlobalReaderSettings />} />
-                        <Route path="librarySettings">
+                        <Route path="reader" element={<GlobalReaderSettings />} />
+                        <Route path="library">
                             <Route index element={<LibrarySettings />} />
                             <Route path="duplicates" element={<LibraryDuplicates />} />
                         </Route>
-                        <Route path="downloadSettings" element={<DownloadSettings />} />
+                        <Route path="download" element={<DownloadSettings />} />
                         <Route path="backup" element={<Backup />} />
                         <Route path="server" element={<ServerSettings />} />
                         <Route path="webUI" element={<WebUISettings />} />
-                        <Route path="browseSettings" element={<BrowseSettings />} />
+                        <Route path="browse" element={<BrowseSettings />} />
                         <Route path="device" element={<DeviceSetting />} />
-                        <Route path="trackingSettings" element={<TrackingSettings />} />
+                        <Route path="tracking" element={<TrackingSettings />} />
                         <Route path="appearance" element={<Appearance />} />
                     </Route>
 

src/modules/backup/screens/Backup.tsx

@@ -368,7 +368,7 @@ export function Backup() {
                             <Button
                                 onClick={closeInvalidBackupDialog}
                                 component={Link}
-                                to="/settings/trackingSettings"
+                                to="/settings/tracking"
                                 autoFocus={!!validationResult?.missingTrackers.length}
                                 variant={validationResult?.missingTrackers.length ? 'contained' : 'text'}
                             >

src/modules/extension/screens/Extensions.tsx

@@ -223,7 +223,7 @@ export function Extensions({ tabsMenuHeight }: { tabsMenuHeight: number }) {
                     }}
                 >
                     <Typography>{t('extension.label.add_repository_info')}</Typography>
-                    <Button component={Link} variant="contained" to="/settings/browseSettings">
+                    <Button component={Link} variant="contained" to="/settings/browse">
                         {t('settings.title')}
                     </Button>
                 </Stack>

src/modules/manga/components/TrackMangaButton.tsx

@@ -40,7 +40,7 @@ export const TrackMangaButton = ({ manga }: { manga: MangaTrackRecordInfo & Pick
         }
 
         if (!loggedInTrackers.length) {
-            navigate('/settings/trackingSettings');
+            navigate('/settings/tracking');
             return;
         }
 

src/modules/settings/screens/Settings.tsx

@@ -69,25 +69,25 @@ export function Settings() {
                 </ListItemIcon>
                 <ListItemText primary={t('category.title.category_other')} />
             </ListItemLink>
-            <ListItemLink to="/settings/readerSettings">
+            <ListItemLink to="/settings/reader">
                 <ListItemIcon>
                     <AutoStoriesIcon />
                 </ListItemIcon>
                 <ListItemText primary={t('reader.settings.title.reader_settings')} />
             </ListItemLink>
-            <ListItemLink to="/settings/librarySettings">
+            <ListItemLink to="/settings/library">
                 <ListItemIcon>
                     <CollectionsOutlinedBookmarkIcon />
                 </ListItemIcon>
                 <ListItemText primary={t('library.title')} />
             </ListItemLink>
-            <ListItemLink to="/settings/downloadSettings">
+            <ListItemLink to="/settings/download">
                 <ListItemIcon>
                     <GetAppOutlinedIcon />
                 </ListItemIcon>
                 <ListItemText primary={t('download.title')} />
             </ListItemLink>
-            <ListItemLink to="/settings/trackingSettings">
+            <ListItemLink to="/settings/tracking">
                 <ListItemIcon>
                     <SyncIcon />
                 </ListItemIcon>
@@ -109,7 +109,7 @@ export function Settings() {
                     secondary={t('settings.clear_cache.label.description')}
                 />
             </ListItemButton>
-            <ListItemLink to="/settings/browseSettings">
+            <ListItemLink to="/settings/browse">
                 <ListItemIcon>
                     <ExploreOutlinedIcon />
                 </ListItemIcon>

src/modules/tracker/components/TrackManga.tsx

@@ -64,7 +64,7 @@ export const TrackManga = ({ manga }: { manga: MangaIdInfo & Pick<MangaType, 'ti
 
     useEffect(() => {
         if (!loading && !error && !trackersInUse.length && !loggedInTrackers.length) {
-            navigate('/settings/trackingSettings');
+            navigate('/settings/tracking');
         }
     }, [loading]);
 

src/modules/tracker/screens/TrackerOAuthLogin.tsx

@@ -38,7 +38,7 @@ export const TrackerOAuthLogin = () => {
                 makeToast(t('tracking.action.login.label.failure', { name: trackerName }), 'error');
             }
 
-            navigate('/settings/trackingSettings', { replace: true });
+            navigate('/settings/tracking', { replace: true });
         };
 
         login();