chore: update stories * 3

Author: tenphi

src/components/fields/FilterPicker/FilterPicker.stories.tsx

@@ -491,24 +491,19 @@ export const MultipleSelection: Story = {
     const trigger = canvas.getByRole('button');
     await userEvent.click(trigger);
   },
-  render: (args) => (
-    <FilterPicker {...args}>
-      <FilterPicker.Section title="Fruits">
-        {fruits.map((fruit) => (
-          <FilterPicker.Item key={fruit.key} textValue={fruit.label}>
-            {fruit.label}
-          </FilterPicker.Item>
-        ))}
-      </FilterPicker.Section>
-      <FilterPicker.Section title="Vegetables">
-        {vegetables.map((vegetable) => (
-          <FilterPicker.Item key={vegetable.key} textValue={vegetable.label}>
-            {vegetable.label}
+  render: (args) => {
+    const allItems = [...fruits, ...vegetables];
+
+    return (
+      <FilterPicker<(typeof allItems)[number]> {...args} items={allItems}>
+        {(item) => (
+          <FilterPicker.Item key={item.key} textValue={item.label}>
+            {item.label}
           </FilterPicker.Item>
-        ))}
-      </FilterPicker.Section>
-    </FilterPicker>
-  ),
+        )}
+      </FilterPicker>
+    );
+  },
 };
 
 export const WithCheckboxes: Story = {