fix: replace overflow-scroll with overflow-auto for improved layout handling

Author: AbhishekA1509

src/Shared/Components/FloatingVariablesSuggestions/SuggestionItem.tsx

@@ -94,7 +94,7 @@ const SuggestionItem = ({
         <Tooltip
             className="default-tt dc__word-break-all"
             content={
-                <div className="mw-200 flex column dc__content-start dc__align-start mxh-140 dc__overflow-scroll">
+                <div className="mw-200 flex column dc__content-start dc__align-start mxh-140 dc__overflow-auto">
                     <div className="flex column dc__content-start dc__align-start">Value</div>
                     <div className="flex column dc__content-start dc__align-start">
                         {sanitiseVariableValue(variableValue)}

src/Shared/Components/FloatingVariablesSuggestions/Suggestions.tsx

@@ -122,7 +122,7 @@ const Suggestions = ({
 
     const renderSuggestions = (): JSX.Element => (
         <>
-            <div className="flexbox-col dc__align-self-stretch dc__overflow-scroll bg__primary flex-grow-1">
+            <div className="flexbox-col dc__align-self-stretch dc__overflow-auto bg__primary flex-grow-1">
                 {suggestions.length ? (
                     suggestions.map((variable) => (
                         <SuggestionItem
@@ -155,7 +155,7 @@ const Suggestions = ({
     const renderBody = (): JSX.Element => {
         if (loading) {
             return (
-                <div className="flexbox-col dc__align-self-stretch dc__overflow-scroll bg__primary flex-grow-1 h-200">
+                <div className="flexbox-col dc__align-self-stretch dc__overflow-auto bg__primary flex-grow-1 h-250">
                     <Progressing pageLoader size={32} />
                 </div>
             )
@@ -164,7 +164,7 @@ const Suggestions = ({
         if (variables?.length === 0) {
             return (
                 <>
-                    <div className="flexbox-col dc__align-self-stretch dc__overflow-scroll flex-grow-1 h-200">
+                    <div className="flexbox-col dc__align-self-stretch dc__overflow-auto flex-grow-1 h-250">
                         <GenericEmptyState title="No variables found" image={NoVariables} />
                     </div>