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/modules/settings/playground/states/openAPIReference.ts

@@ -0,0 +1,6 @@
+import { createState } from 'twenty-ui';
+
+export const openAPIReferenceState = createState<any>({
+  key: 'OpenAPIReference',
+  defaultValue: null,
+});

packages/twenty-front/src/modules/settings/playground/states/playgroundApiKeyState.ts

@@ -0,0 +1,8 @@
+import { atom } from 'recoil';
+import { localStorageEffect } from '~/utils/recoil-effects';
+
+export const playgroundApiKeyState = atom<string | null>({
+  key: 'playgroundApiKeyState',
+  default: null,
+  effects: [localStorageEffect()],
+});