diff --git a/screenshots/CVMatching.png b/screenshots/CVMatching.png
new file mode 100644
index 0000000..3b25cb4
Binary files /dev/null and b/screenshots/CVMatching.png differ
diff --git a/screenshots/ComicDetail.png b/screenshots/ComicDetail.png
new file mode 100644
index 0000000..87731ee
Binary files /dev/null and b/screenshots/ComicDetail.png differ
diff --git a/screenshots/DC++Searching.png b/screenshots/DC++Searching.png
new file mode 100644
index 0000000..1dba61f
Binary files /dev/null and b/screenshots/DC++Searching.png differ
diff --git a/screenshots/Dashboard.png b/screenshots/Dashboard.png
new file mode 100644
index 0000000..23bbbc9
Binary files /dev/null and b/screenshots/Dashboard.png differ
diff --git a/screenshots/Import.png b/screenshots/Import.png
new file mode 100644
index 0000000..a9c90a5
Binary files /dev/null and b/screenshots/Import.png differ
diff --git a/screenshots/Library.png b/screenshots/Library.png
new file mode 100644
index 0000000..76902e0
Binary files /dev/null and b/screenshots/Library.png differ
diff --git a/src/client/components/ComicDetail/TorrentSearchPanel.tsx b/src/client/components/ComicDetail/TorrentSearchPanel.tsx
index fc8e835..983b561 100644
--- a/src/client/components/ComicDetail/TorrentSearchPanel.tsx
+++ b/src/client/components/ComicDetail/TorrentSearchPanel.tsx
@@ -3,8 +3,31 @@ import React, { useCallback, ReactElement, useEffect, useState } from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import axios from "axios";
 import { Form, Field } from "react-final-form";
+import { PROWLARR_SERVICE_BASE_URI } from "../../constants/endpoints";
 
 export const TorrentSearchPanel = (props): ReactElement => {
+  const [prowlarrSettingsData, setProwlarrSettingsData] = useState({});
+
+  const { data } = useQuery({
+    queryFn: async () =>
+      axios({
+        url: `${PROWLARR_SERVICE_BASE_URI}/search`,
+        method: "POST",
+        data: {
+          port: "9696",
+          apiKey: "c4f42e265fb044dc81f7e88bd41c3367",
+          offset: 0,
+          categories: [7030],
+          query: "the darkness",
+          host: "localhost",
+          limit: 100,
+          type: "search",
+          indexerIds: [2],
+        },
+      }),
+    queryKey: ["prowlarrSettingsData"],
+  });
+  console.log(data?.data);
   return (
     <>
       <div className="mt-5">
diff --git a/src/client/index.tsx b/src/client/index.tsx
index 688374e..7c4c686 100644
--- a/src/client/index.tsx
+++ b/src/client/index.tsx
@@ -8,7 +8,6 @@ import { ErrorPage } from "./components/shared/ErrorPage";
 const rootEl = document.getElementById("root");
 const root = createRoot(rootEl);
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import Import from "./components/Import/Import";
 import Dashboard from "./components/Dashboard/Dashboard";
 import Search from "./components/Search/Search";
@@ -47,6 +46,5 @@ const router = createBrowserRouter([
 root.render(
   <QueryClientProvider client={queryClient}>
     <RouterProvider router={router} />
-    <ReactQueryDevtools initialIsOpen={true} />
   </QueryClientProvider>,
 );