improvements in react-query

- fetch to useFetch hook
- refetch every 10s
- sync browser tabs with experimental broadcastQueryClient

client/src/app/hooks/useFetch.js

@@ -0,0 +1,10 @@
+import { useQuery } from 'react-query';
+const refetchIntervalMs = 10000;
+
+export const useFetch = (namespace, fn) => {
+  const { data, status, isError, refetch } = useQuery(namespace, fn, {
+    refetchInterval: refetchIntervalMs,
+  });
+
+  return { data, status, isError, refetch };
+};