Function useScrolledToBottom

src/components/navs/Sidebar.jsx:71–89

};

const useScrolledToBottom = ref => {
  const [isScrolledToBottom, setIsScrolledToBottom] = useState(false);

  useEffect(() => {
    const el = ref.current;
    if (!el) return;

    const handleScroll = () => {
      const { scrollTop, scrollHeight, clientHeight } = el;
      setIsScrolledToBottom(scrollTop + clientHeight >= scrollHeight - 10);
    };

    el.addEventListener('scroll', handleScroll);
    handleScroll();
    return () => el.removeEventListener('scroll', handleScroll);
  }, [ref]);

  return isScrolledToBottom;
};

// ─── Sub-components ──────────────────────────────────────────────────────────
const ActiveLine = ({ position, isVisible }) => (