chore: Optimize SearchBox sticky behavior for better performance

This commit optimizes the sticky behavior of the SearchBox component by adding a condition to only attach the scroll event listener when the window width is greater than 768 pixels. This improvement reduces unnecessary event handling and improves performance.

Note: This message includes additional information for clarity. Please remove it before using the commit message.

src/components/SearchBox.tsx

@@ -23,17 +23,20 @@ const SearchBox = () => {
   const [isSticky, setIsSticky] = useState(false);
 
   useEffect(() => {
-    const handleScroll = () => {
-      if (textAreaRef.current) {
-        const offsetTop = textAreaRef.current.getBoundingClientRect().top;
-        setIsSticky(offsetTop < 9);
-      }
-    };
+    if (window.innerWidth > 768) {
+      const handleScroll = () => {
+        if (textAreaRef.current) {
+          const offsetTop = textAreaRef.current.getBoundingClientRect().top;
+          setIsSticky(offsetTop < 9);
+        }
+      };
 
-    window.addEventListener('scroll', handleScroll);
-    return () => {
-      window.removeEventListener('scroll', handleScroll);
-    };
+      window.addEventListener('scroll', handleScroll);
+      return () => {
+        window.removeEventListener('scroll', handleScroll);
+      };
+    }
+    return undefined;
   }, []);
 
   const fetchByID = async (id: string) => {