[front] - chore: upgrade sparkle (#9150)

* [front] - refactor: update @dust-tt/sparkle and remove container queries dependency

 - Update the @dust-tt/sparkle package to version 0.2.334-rc-1
 - Remove the deprecated @tailwindcss/container-queries package following the update

[front/components/spaces] - fix: adjust paddingRight in SpaceSideBarMenu

 - Add a paddingRight of 1 to the div in SpaceSideBarMenu for better spacing in UI elements

* [front/components/assistant] - fix: adjust scroll area in AssistantPicker component

 - Hide the default scroll bar in the assistant picker dropdown
 - Include a custom ScrollBar component for better UI consistency

[front] - refactor: update @dust-tt/sparkle package to new release candidate

 - Bump the version of the @dust-tt/sparkle package to incorporate latest changes and fixes

* [front] - feature: update @dust-tt/sparkle dependency to 0.2.336

 - Upgrade the @dust-tt/sparkle package from version 0.2.334-rc-2 to version 0.2.336
 - Update package-lock.json to reflect the new version's resolved URL and integrity SHA

* fix: lint/format

* [front] - refactor: improve styling and scrolling in AssistantPicker

 - Changed ScrollArea to a flex column with a maximum height and automatic overflow-y to enhance user experience
 - ScrollBar is now hidden to provide a cleaner look in the AssistantPicker component

* fix: lint/format

front/components/assistant/AssistantPicker.tsx

@@ -10,6 +10,7 @@ import {
   PlusIcon,
   RobotIcon,
   ScrollArea,
+  ScrollBar,
 } from "@dust-tt/sparkle";
 import type {
   LightAgentConfigurationType,
@@ -81,7 +82,10 @@ export function AssistantPicker({
           }}
         />
         <DropdownMenuSeparator />
-        <ScrollArea className="border-1 -mb-1 -mt-1 h-[300px]">
+        <ScrollArea
+          className="flex max-h-[300px] flex-col overflow-y-auto"
+          hideScrollBar
+        >
           {searchedAssistants.map((c) => (
             <DropdownMenuItem
               key={`assistant-picker-${c.sId}`}
@@ -93,6 +97,7 @@ export function AssistantPicker({
               }}
             />
           ))}
+          <ScrollBar className="py-0" />
         </ScrollArea>
         <DropdownMenuSeparator />
         {showFooterButtons && (

front/components/spaces/SpaceSideBarMenu.tsx

@@ -140,7 +140,7 @@ export default function SpaceSideBarMenu({
 
               return (
                 <Fragment key={`space-section-${index}`}>
-                  <div className="flex items-center justify-between">
+                  <div className="flex items-center justify-between pr-1">
                     <NavigationListLabel
                       label={sectionDetails.label}
                       variant="secondary"

front/package.json

@@ -20,7 +20,7 @@
   "dependencies": {
     "@auth0/nextjs-auth0": "^3.5.0",
     "@dust-tt/client": "file:../sdks/js",
-    "@dust-tt/sparkle": "^0.2.332",
+    "@dust-tt/sparkle": "^0.2.336",
     "@dust-tt/types": "file:../types",
     "@headlessui/react": "^1.7.7",
     "@heroicons/react": "^2.0.11",