Feat: API Playground (#10376)

/claim #10283

---------

Co-authored-by: Félix Malfait <felix@twenty.com>
Co-authored-by: Félix Malfait <felix.malfait@gmail.com>

packages/twenty-front/src/testing/decorators/FullScreenDecorator.tsx

@@ -0,0 +1,28 @@
+import { FullScreenContainer } from '@/ui/layout/fullscreen/components/FullScreenContainer';
+import styled from '@emotion/styled';
+import { action } from '@storybook/addon-actions';
+import { Decorator } from '@storybook/react';
+const StyledT = styled.div`
+  height: 100%;
+  width: 100%;
+`;
+
+export const FullScreenDecorator: Decorator = (Story) => (
+  <FullScreenContainer
+    links={[
+      {
+        children: 'Layout',
+        href: '/',
+      },
+      {
+        children: 'FullScreen',
+        href: '/',
+      },
+    ]}
+    exitFullScreen={action('Full screen exit called.')}
+  >
+    <StyledT>
+      <Story />
+    </StyledT>
+  </FullScreenContainer>
+);