implement queue info and pause/resume

src/pages/index.tsx

@@ -3,8 +3,6 @@ import { GetServerSidePropsContext } from 'next';
 import { useEffect } from 'react';
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-
 import AppShelf from '../components/AppShelf/AppShelf';
 import LoadConfigComponent from '../components/Config/LoadConfig';
 import { Config } from '../tools/types';
@@ -52,6 +50,7 @@ export async function getServerSideProps({
     'modules/date',
     'modules/calendar',
     'modules/dlspeed',
+    'modules/usenet',
     'modules/search',
     'modules/torrents-status',
     'modules/weather',
@@ -64,8 +63,6 @@ export async function getServerSideProps({
   return getConfig(configName as string, translations);
 }
 
-const queryClient = new QueryClient();
-
 export default function HomePage(props: any) {
   const { config: initialConfig }: { config: Config } = props;
   const { setConfig } = useConfig();
@@ -77,11 +74,9 @@ export default function HomePage(props: any) {
     setConfig(migratedConfig);
   }, [initialConfig]);
   return (
-    <QueryClientProvider client={queryClient}>
-      <Layout>
-        <AppShelf />
-        <LoadConfigComponent />
-      </Layout>
-    </QueryClientProvider>
+    <Layout>
+      <AppShelf />
+      <LoadConfigComponent />
+    </Layout>
   );
 }