Add more IntersectionObserver / scroll based components / actions

[techniq]

• [ ] Detect position: sticky being active
  • https://developer.chrome.com/blog/sticky-headers/
  • https://davidwalsh.name/detect-sticky
  • https://codepen.io/hey-nick/pen/mLpmMV
• [ ] ScrollSpy
• [ ] Dynamic header
  • https://www.smashingmagazine.com/2021/07/dynamic-header-intersection-observer/
  • https://codepen.io/michellebarker/pen/QWpzwYN
• [ ] Add draggable example
• [ ] IntersectionObserver Visualizer
• [ ] Waypoint
  • https://react-restart.github.io/ui/Waypoint/

Examples

• simple scroll animation
• Scroll List Animation
• https://lunarui.dev/components/scroll-animations/scroll-reveal
• https://lunarui.dev/components/scroll-animations/text-highlighter
• https://lunarui.dev/components/scroll-animations/scroll-selector
• https://lunarui.dev/components/scroll-animations/text-reveal
• https://ui.aceternity.com/components/sticky-scroll-reveal