✨ Plex and Jellyfin widget (#713)

src/hooks/widgets/media-servers/useGetMediaServers.tsx

@@ -0,0 +1,17 @@
+import { useQuery } from '@tanstack/react-query';
+import { MediaServersResponseType } from '../../../types/api/media-server/response';
+
+interface GetMediaServersParams {
+  enabled: boolean;
+}
+
+export const useGetMediaServers = ({ enabled }: GetMediaServersParams) =>
+  useQuery({
+    queryKey: ['media-servers'],
+    queryFn: async (): Promise<MediaServersResponseType> => {
+      const response = await fetch('/api/modules/media-server');
+      return response.json();
+    },
+    enabled,
+    refetchInterval: 10 * 1000,
+  });