Feature/manga migration (#536)

* Add "migration" tab to "Browse" screen

* Add missing useEffect cleanup for navbar title and actions

* Make "SourceGridLayout" reusable

* Add migration tab to "Browse"

* Add migration logic

src/screens/settings/About.tsx

@@ -190,6 +190,11 @@ export function About() {
     useEffect(() => {
         setTitle(t('settings.about.title'));
         setAction(null);
+
+        return () => {
+            setTitle('');
+            setAction(null);
+        };
     }, [t]);
 
     useSetDefaultBackTo('settings');

src/screens/settings/Backup.tsx

@@ -62,6 +62,11 @@ export function Backup() {
     useEffect(() => {
         setTitle(t('settings.backup.title'));
         setAction(null);
+
+        return () => {
+            setTitle('');
+            setAction(null);
+        };
     }, [t]);
 
     useSetDefaultBackTo('settings');

src/screens/settings/Categories.tsx

@@ -48,8 +48,13 @@ export function Categories() {
 
     const { setTitle, setAction } = useContext(NavBarContext);
     useEffect(() => {
-        setTitle(t('category.title.categories'));
+        setTitle(t('category.title.category_other'));
         setAction(null);
+
+        return () => {
+            setTitle('');
+            setAction(null);
+        };
     }, [t]);
 
     const { data } = requestManager.useGetCategories();

src/screens/settings/DefaultReaderSettings.tsx

@@ -28,6 +28,11 @@ export function DefaultReaderSettings() {
     useEffect(() => {
         setTitle(t('reader.settings.title.default_reader_settings'));
         setAction(null);
+
+        return () => {
+            setTitle('');
+            setAction(null);
+        };
     }, [t]);
 
     const { metadata, settings, loading } = useDefaultReaderSettings();

src/screens/settings/DownloadSettings.tsx

@@ -48,6 +48,11 @@ export const DownloadSettings = () => {
     useEffect(() => {
         setTitle(t('download.settings.title'));
         setAction(null);
+
+        return () => {
+            setTitle('');
+            setAction(null);
+        };
     }, [t]);
 
     const { data } = requestManager.useGetServerSettings();

src/screens/settings/LibrarySettings.tsx

@@ -46,6 +46,11 @@ export function LibrarySettings() {
     useEffect(() => {
         setTitle(t('library.settings.title'));
         setAction(null);
+
+        return () => {
+            setTitle('');
+            setAction(null);
+        };
     }, [t]);
 
     useSetDefaultBackTo('settings');

src/screens/settings/ServerSettings.tsx

@@ -55,6 +55,11 @@ export const ServerSettings = () => {
     useEffect(() => {
         setTitle(t('settings.server.title.settings'));
         setAction(null);
+
+        return () => {
+            setTitle('');
+            setAction(null);
+        };
     }, [t]);
 
     const { data } = requestManager.useGetServerSettings();

src/screens/settings/WebUISettings.tsx

@@ -107,6 +107,11 @@ export const WebUISettings = () => {
     useEffect(() => {
         setTitle(t('settings.webui.title.settings'));
         setAction(null);
+
+        return () => {
+            setTitle('');
+            setAction(null);
+        };
     }, [t]);
 
     const { data } = requestManager.useGetServerSettings();