Copy JSON values on click (#11382)

https://github.com/user-attachments/assets/1638c196-fb9c-4f2b-910c-6d8b0693a37a

Closes https://github.com/twentyhq/core-team-issues/issues/568

packages/twenty-ui/src/json-visualizer/__stories__/JsonTree.stories.tsx

@@ -1,7 +1,9 @@
 import { Meta, StoryObj } from '@storybook/react';
 import {
   expect,
+  fn,
   userEvent,
+  waitFor,
   waitForElementToBeRemoved,
   within,
 } from '@storybook/test';
@@ -482,3 +484,32 @@ export const RedHighlighting: Story = {
     expect(ageElement).toBeVisible();
   },
 };
+
+export const CopyJsonNodeValue: Story = {
+  args: {
+    value: {
+      name: 'John Doe',
+      age: 30,
+    },
+    onNodeValueClick: fn(),
+  },
+  play: async ({ canvasElement, args }) => {
+    const canvas = within(canvasElement);
+
+    const nameValue = await canvas.findByText('John Doe');
+
+    await userEvent.click(nameValue);
+
+    await waitFor(() => {
+      expect(args.onNodeValueClick).toHaveBeenCalledWith('John Doe');
+    });
+
+    const ageValue = await canvas.findByText('30');
+
+    await userEvent.click(ageValue);
+
+    await waitFor(() => {
+      expect(args.onNodeValueClick).toHaveBeenCalledWith('30');
+    });
+  },
+};