🏗️ Migrate media requests to tRPC

src/widgets/media-requests/media-request-query.tsx

@@ -1,11 +1,12 @@
-import { useQuery } from '@tanstack/react-query';
-import { MediaRequest } from './media-request-types';
+import { useConfigContext } from '~/config/provider';
+import { api } from '~/utils/api';
 
-export const useMediaRequestQuery = () => useQuery({
-  queryKey: ['media-requests'],
-  queryFn: async () => {
-    const response = await fetch('/api/modules/media-requests');
-    return (await response.json()) as MediaRequest[];
-  },
-  refetchInterval: 3 * 60 * 1000,
-});
+export const useMediaRequestQuery = () => {
+  const { name: configName } = useConfigContext();
+  api.mediaRequest.all.useQuery(
+    { configName: configName! },
+    {
+      refetchInterval: 3 * 60 * 1000,
+    }
+  );
+};