fix: profile sidebar scroll (#349)

* fix: profile sidebar scroll

* fix: profile scroll sidebar

* fix: remove console.log

* fix: removed signOutButtonRef

---------

Co-authored-by: flaviomoceri <moceri.flavio@gmail.com>

Author: MiguelMedeiros

apps/web/app/profile/components/_Sidebar.tsx

@@ -2,7 +2,7 @@
 
 import Image from 'next/image';
 import Link from 'next/link';
-import { useEffect, useState, useRef } from 'react';
+import { useEffect, useState } from 'react';
 import {
   Icon,
   Typography,
@@ -131,8 +131,6 @@ export default function Sidebar({
   const [showProfileMenu, setShowProfileMenu] = useState(false);
   const checkLink = Utils.storage.get('checkLink');
   const [scrolled, setScrolled] = useState(false);
-  const signOutButtonRef = useRef(null);
-  const [isSignOutVisible, setIsSignOutVisible] = useState(true);
 
   useEffect(() => {
     async function fetchData() {
@@ -270,7 +268,7 @@ export default function Sidebar({
 
   useEffect(() => {
     const handleScroll = () => {
-      if (window.scrollY > 300) {
+      if (window.scrollY > 1100) {
         setScrolled(true);
       } else {
         setScrolled(false);
@@ -284,30 +282,12 @@ export default function Sidebar({
     };
   }, []);
 
-  useEffect(() => {
-    const observer = new IntersectionObserver(
-      (entries) => {
-        const entry = entries[0];
-        if (window.scrollY > 500) {
-          setIsSignOutVisible(entry.isIntersecting);
-        }
-      },
-      { threshold: 0 }
-    );
-    if (signOutButtonRef.current) {
-      observer.observe(signOutButtonRef.current);
-    }
-    return () => observer.disconnect();
-  }, []);
-
   return (
     <>
       <div className="col-span-1 hidden flex-col justify-start items-start gap-8 xl:inline-flex">
         <div
           className={`w-full self-start ${
-            isSignOutVisible
-              ? 'border-0 hidden'
-              : 'block sticky top-[120px] border'
+            !scrolled ? 'border hidden' : 'block sticky top-[120px] border'
           } ${
             !scrolled && 'border-0'
           } border-white border-opacity-10 z-20 rounded-2xl px-3 py-4`}
@@ -593,7 +573,6 @@ export default function Sidebar({
               </div>
             </div>
           )}
-          <div ref={signOutButtonRef} />
         </div>
       </div>
       <Modal.CheckLink