fix(spotlight, usescrollobserver): automatically scroll nearest scrol…

…lable element

Instead of always trying to scroll the window to highlight the target, it now finds the nearest
scrollable element and scrolls that instead. Many times, that will be the window/html element

fixes #481

src/components/Spotlight/Spotlight.tsx

@@ -58,7 +58,7 @@ export enum SpotlightShapes {
 const findNearestScrollingParent = (el: HTMLElement | Element): HTMLElement | Element | null => {
   const parent = el.parentElement;
 
-  if (parent && parent.tagName !== 'html') {
+  if (parent && parent.tagName !== 'HTML') {
     if (parent?.scrollHeight > parent?.clientHeight) {
       // found it!
       return parent;
@@ -150,6 +150,8 @@ const Spotlight = ({
     }
   }, [targetElement]);
 
+  console.log(scrollTarget.current);
+
   useEffect(() => {
     if (targetElement) {
       const newTargetTop = targetElement?.getBoundingClientRect().top ?? 0;