feat: migrate nextjs to rr7

apps/remix/app/components/general/refresh-on-focus.tsx

@@ -0,0 +1,21 @@
+import { useCallback, useEffect } from 'react';
+
+import { useRevalidator } from 'react-router';
+
+export const RefreshOnFocus = () => {
+  const { revalidate } = useRevalidator();
+
+  const onFocus = useCallback(() => {
+    void revalidate();
+  }, [revalidate]);
+
+  useEffect(() => {
+    window.addEventListener('focus', onFocus);
+
+    return () => {
+      window.removeEventListener('focus', onFocus);
+    };
+  }, [onFocus]);
+
+  return null;
+};