Limit nodes opened by default in the JSON Tree component (#11002)

- Add a parameter to choose which nodes to open by default
- On the Admin Panel, open all nodes by default
- On the Workflow Run step output, open only the two first depths
- On the Workflow Run step input, open only the previous step first
depth
- Display `[empty string]` when a node is an empty string
- Now, display `null` instead of `[null]`

## Demo


https://github.com/user-attachments/assets/99b3078a-da3c-4330-b0ff-ddb2e360d933

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

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

@@ -6,13 +6,16 @@ import {
   within,
 } from '@storybook/test';
 import { JsonTree } from '@ui/json-visualizer/components/JsonTree';
+import { isTwoFirstDepths } from '@ui/json-visualizer/utils/isTwoFirstDepths';
 
 const meta: Meta<typeof JsonTree> = {
   title: 'UI/JsonVisualizer/JsonTree',
   component: JsonTree,
   args: {
+    shouldExpandNodeInitially: () => true,
     emptyArrayLabel: 'Empty Array',
     emptyObjectLabel: 'Empty Object',
+    emptyStringLabel: '[empty string]',
     arrowButtonCollapsedLabel: 'Expand',
     arrowButtonExpandedLabel: 'Collapse',
   },
@@ -273,6 +276,41 @@ export const ExpandingElementExpandsAllItsDescendants: Story = {
   },
 };
 
+export const ExpandTwoFirstDepths: Story = {
+  args: {
+    value: {
+      person: {
+        name: 'John Doe',
+        address: {
+          street: '123 Main St',
+          city: 'New York',
+          country: {
+            name: 'USA',
+            code: 'US',
+          },
+        },
+      },
+      isActive: true,
+    },
+    shouldExpandNodeInitially: isTwoFirstDepths,
+  },
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+
+    const nameElement = await canvas.findByText('name');
+    expect(nameElement).toBeVisible();
+
+    const addressElement = await canvas.findByText('address');
+    expect(addressElement).toBeVisible();
+
+    const streetElement = canvas.queryByText('street');
+    expect(streetElement).not.toBeInTheDocument();
+
+    const countrCodeElement = canvas.queryByText('code');
+    expect(countrCodeElement).not.toBeInTheDocument();
+  },
+};
+
 export const ReallyDeepNestedObject: Story = {
   args: {
     value: {