refactor: move Checkmark, Avatar, Chip and Tooltip to twenty-ui (#4946)

Split from https://github.com/twentyhq/twenty/pull/4518

Part of #4766

packages/twenty-front/src/utils/__tests__/stringToHslColor.test.ts

@@ -1,7 +0,0 @@
-import { stringToHslColor } from '../string-to-hsl';
-
-describe('stringToHslColor', () => {
-  it('should return a color based on a string', () => {
-    expect(stringToHslColor('red', 70, 90)).toBe('hsl(105, 70%, 90%)');
-  });
-});

packages/twenty-front/src/utils/image/getImageAbsoluteURIOrBase64.ts

@@ -0,0 +1,15 @@
+import { REACT_APP_SERVER_BASE_URL } from '~/config';
+
+export const getImageAbsoluteURIOrBase64 = (imageUrl?: string | null) => {
+  if (!imageUrl) {
+    return null;
+  }
+
+  if (imageUrl?.startsWith('data:') || imageUrl?.startsWith('https:')) {
+    return imageUrl;
+  }
+
+  const serverFilesUrl = REACT_APP_SERVER_BASE_URL;
+
+  return `${serverFilesUrl}/files/${imageUrl}`;
+};

packages/twenty-front/src/utils/string-to-hsl.ts

@@ -1,13 +0,0 @@
-export const stringToHslColor = (
-  str: string,
-  saturation: number,
-  lightness: number,
-) => {
-  let hash = 0;
-  for (let i = 0; i < str.length; i++) {
-    hash = str.charCodeAt(i) + ((hash << 5) - hash);
-  }
-
-  const h = hash % 360;
-  return 'hsl(' + h + ', ' + saturation + '%, ' + lightness + '%)';
-};