feat: update suggestion menu component

Author: MDSAM05

packages/ariakit/src/suggestionMenu/SuggestionMenuItem.tsx

@@ -22,10 +22,9 @@ export const SuggestionMenuItem = forwardRef<
       document.querySelector(".bn-suggestion-menu, #ai-suggestion-menu")!, // TODO
     );
 
-    if (overflow === "top") {
-      itemRef.current.scrollIntoView(true);
-    } else if (overflow === "bottom") {
-      itemRef.current.scrollIntoView(false);
+   
+    if (overflow !== "none") {
+      itemRef.current.scrollIntoView({ block: "nearest" });
     }
   }, [isSelected]);
 

packages/ariakit/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuItem.tsx

@@ -22,10 +22,9 @@ export const GridSuggestionMenuItem = forwardRef<
       document.querySelector(".bn-grid-suggestion-menu")!,
     );
 
-    if (overflow === "top") {
-      itemRef.current.scrollIntoView(true);
-    } else if (overflow === "bottom") {
-      itemRef.current.scrollIntoView(false);
+    
+    if (overflow !== "none") {
+      itemRef.current.scrollIntoView({ block: "nearest" });
     }
   }, [isSelected]);
 

packages/mantine/src/suggestionMenu/SuggestionMenuItem.tsx

@@ -30,10 +30,8 @@ export const SuggestionMenuItem = forwardRef<
       document.querySelector(".bn-suggestion-menu, #ai-suggestion-menu")!, // TODO
     );
 
-    if (overflow === "top") {
-      itemRef.current.scrollIntoView(true);
-    } else if (overflow === "bottom") {
-      itemRef.current.scrollIntoView(false);
+    if (overflow !== "none") {
+      itemRef.current.scrollIntoView({ block: "nearest" });
     }
   }, [isSelected]);
 

packages/mantine/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuItem.tsx

@@ -24,10 +24,9 @@ export const GridSuggestionMenuItem = forwardRef<
       document.querySelector(".bn-grid-suggestion-menu")!,
     );
 
-    if (overflow === "top") {
-      itemRef.current.scrollIntoView(true);
-    } else if (overflow === "bottom") {
-      itemRef.current.scrollIntoView(false);
+    
+    if (overflow !== "none") {
+      itemRef.current.scrollIntoView({ block: "nearest" });
     }
   }, [isSelected]);