Feat: If the interval between two outputs exceeds 600ms, a loading state is displayed at the end. (#16861)

### Summary

Feat: If the interval between two outputs exceeds 600ms, a loading state
is displayed at the end.

web/src/hooks/use-loading-pause.ts

@@ -0,0 +1,24 @@
+import { useEffect, useState } from 'react';
+
+export function useLoadingPause(
+  loading: boolean,
+  content: string,
+  delay = 600,
+) {
+  const [show, setShow] = useState(false);
+
+  useEffect(() => {
+    if (!loading || !content) {
+      setShow(false);
+      return;
+    }
+
+    const timer = setTimeout(() => {
+      setShow(true);
+    }, delay);
+
+    return () => clearTimeout(timer);
+  }, [loading, content, delay]);
+
+  return show;
+}