chore: enhance ListWrapper and PluginPage components with stable scro… (#16048)

web/app/components/plugins/marketplace/list/list-wrapper.tsx

@@ -37,7 +37,9 @@ const ListWrapper = ({
   }, [handleQueryPlugins, marketplaceCollections, marketplaceCollectionsFromClient, isSuccessCollections])
 
   return (
-    <div className='relative flex flex-col grow px-12 py-2 bg-background-default-subtle'>
+    <div
+      style={{ scrollbarGutter: 'stable' }}
+      className='relative flex flex-col grow px-12 py-2 bg-background-default-subtle'>
       {
         plugins && (
           <div className='flex items-center mb-4 pt-3'>

web/app/components/plugins/plugin-page/index.tsx

@@ -145,6 +145,7 @@ const PluginPage = ({
     <div
       id='marketplace-container'
       ref={containerRef}
+      style={{ scrollbarGutter: 'stable' }}
       className={cn('grow relative flex flex-col overflow-y-auto border-t border-divider-subtle', activeTab === 'plugins'
         ? 'rounded-t-xl bg-components-panel-bg'
         : 'bg-background-body',