Refactor default value for select (#5343)

In this PR, we are refactoring two things:
- leverage field.defaultValue for Select and MultiSelect settings form
(instead of option.isDefault)
- use quoted string (ex: "'USD'") for string default values to embrace
backend format

---------

Co-authored-by: Thaïs Guigon <guigon.thais@gmail.com>

packages/twenty-ui/src/theme/utils/__tests__/getNextThemeColor.test.ts

@@ -0,0 +1,23 @@
+import {
+  MAIN_COLOR_NAMES,
+  ThemeColor,
+} from '@ui/theme/constants/MainColorNames';
+
+import { getNextThemeColor } from '../getNextThemeColor';
+
+describe('getNextThemeColor', () => {
+  it('returns the next theme color', () => {
+    const currentColor: ThemeColor = MAIN_COLOR_NAMES[0];
+    const nextColor: ThemeColor = MAIN_COLOR_NAMES[1];
+
+    expect(getNextThemeColor(currentColor)).toBe(nextColor);
+  });
+
+  it('returns the first color when reaching the end', () => {
+    const currentColor: ThemeColor =
+      MAIN_COLOR_NAMES[MAIN_COLOR_NAMES.length - 1];
+    const nextColor: ThemeColor = MAIN_COLOR_NAMES[0];
+
+    expect(getNextThemeColor(currentColor)).toBe(nextColor);
+  });
+});

packages/twenty-ui/src/theme/utils/getNextThemeColor.ts

@@ -0,0 +1,9 @@
+import { MAIN_COLOR_NAMES, ThemeColor } from '@ui/theme';
+
+export const getNextThemeColor = (currentColor: ThemeColor): ThemeColor => {
+  const currentColorIndex = MAIN_COLOR_NAMES.findIndex(
+    (color) => color === currentColor,
+  );
+  const nextColorIndex = (currentColorIndex + 1) % MAIN_COLOR_NAMES.length;
+  return MAIN_COLOR_NAMES[nextColorIndex];
+};