Feature/streamline backend requests (#297)

* Introduce "RequestManager"

* Use "RequestManager" - Simple replacements

 - Get rid of all "util/client" imports
 - replace old requests with new "RequestManager"
 - remove "fetcher" from global SWR config
     instead of using the SWR hooks by themselves, the "requestManager" is supposed to be used

* Use "RequestManager" - Do requests via SWR hooks

Use SWR hooks at places where it's easily usable

* Prevent trailing slashes in the "baseUrl"

src/screens/SearchAll.tsx

@@ -12,15 +12,15 @@ import MangaGrid from 'components/MangaGrid';
 import LangSelect from 'components/navbar/action/LangSelect';
 import AppbarSearch from 'components/util/AppbarSearch';
 import PQueue from 'p-queue';
-import React, { useContext, useEffect, useState } from 'react';
+import React, { useContext, useEffect, useMemo, useState } from 'react';
 import { Link } from 'react-router-dom';
 import { StringParam, useQueryParam } from 'use-query-params';
-import client from 'util/client';
 import { langSortCmp, sourceDefualtLangs, sourceForcedDefaultLangs } from 'util/language';
 import useLocalStorage from 'util/useLocalStorage';
 import { ISource } from 'typings';
 import { useTranslation } from 'react-i18next';
 import { translateExtensionLanguage } from 'screens/util/Extensions';
+import requestManager from 'lib/RequestManager';
 
 function sourceToLangList(sources: ISource[]) {
     const result: string[] = [];
@@ -46,9 +46,22 @@ const SearchAll: React.FC = () => {
     const [shownLangs, setShownLangs] = useLocalStorage<string[]>('shownSourceLangs', sourceDefualtLangs());
     const [showNsfw] = useLocalStorage<boolean>('showNsfw', true);
 
-    const [sources, setSources] = useState<ISource[]>([]);
+    const { data: unsortedSources = [], isLoading: FetchedSources } = requestManager.useGetSourceList();
+    const sources = useMemo(
+        () =>
+            unsortedSources.sort((a: { displayName: string }, b: { displayName: string }) => {
+                if (a.displayName < b.displayName) {
+                    return -1;
+                }
+                if (a.displayName > b.displayName) {
+                    return 1;
+                }
+                return 0;
+            }),
+        [unsortedSources],
+    );
+
     const [fetched, setFetched] = useState<any>({});
-    const [FetchedSources, setFetchedSources] = useState<any>({});
 
     const [lastPageNum, setLastPageNum] = useState<number>(1);
 
@@ -61,32 +74,12 @@ const SearchAll: React.FC = () => {
         setAction(<AppbarSearch />);
     }, [t]);
 
-    useEffect(() => {
-        client
-            .get('/api/v1/source/list')
-            .then((response) => response.data)
-            .then((data) => {
-                setSources(
-                    data.sort((a: { displayName: string }, b: { displayName: string }) => {
-                        if (a.displayName < b.displayName) {
-                            return -1;
-                        }
-                        if (a.displayName > b.displayName) {
-                            return 1;
-                        }
-                        return 0;
-                    }),
-                );
-                setFetchedSources(true);
-            });
-    }, []);
-
     async function doIT(elem: any[]) {
         elem.map((ele) =>
             limit.add(async () => {
-                const response = await client.get(
-                    `/api/v1/source/${ele.id}/search?searchTerm=${query || ''}&pageNum=1`,
-                );
+                const response = await requestManager
+                    .getClient()
+                    .get(`/api/v1/source/${ele.id}/search?searchTerm=${query || ''}&pageNum=1`);
                 const data = await response.data;
                 const tmp = mangas;
                 tmp[ele.id] = data.mangaList;