Merge remote-tracking branch 'origin/feat_player'

app/hooks/useScrollPosition.ts

@@ -0,0 +1,26 @@
+import { useEffect, useState } from "react";
+
+export function useScrollPosition() {
+  const [scrollPosition, setScrollPosition] = useState(0);
+
+  function handleScroll() {
+    const height =
+      document.documentElement.scrollHeight -
+      document.documentElement.clientHeight;
+
+    const windowScroll = document.documentElement.scrollTop;
+
+    const scrolled = (windowScroll / height) * 100;
+
+    setScrollPosition(scrolled);
+  }
+
+  useEffect(() => {
+    window.addEventListener("scroll", handleScroll, { passive: true });
+    return () => {
+      window.removeEventListener("scroll", handleScroll);
+    };
+  });
+
+  return Math.floor(scrollPosition);
+}