[UI] Remove theme constants from twenty-front and use the ones exported from twenty-ui. (#5558)

Some parts of the Frontend used theme constants exported from
`modules/ui` while other parts used theme constants exported from
`twenty-ui`.

This PR centralizes theme constants by removing them from `modules/ui`
completely.

packages/twenty-ui/src/theme/constants/ThemeCommon.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @nx/workspace-no-hardcoded-colors */
 import { ANIMATION } from './Animation';
 import { BLUR } from './Blur';
 import { COLOR } from './Colors';
@@ -14,6 +15,20 @@ export const THEME_COMMON = {
   text: TEXT,
   blur: BLUR,
   animation: ANIMATION,
+  snackBar: {
+    success: {
+      background: '#16A26B',
+      color: '#D0F8E9',
+    },
+    error: {
+      background: '#B43232',
+      color: '#FED8D8',
+    },
+    info: {
+      background: COLOR.gray80,
+      color: GRAY_SCALE.gray0,
+    },
+  },
   spacingMultiplicator: 4,
   spacing: (...args: number[]) =>
     args.map((multiplicator) => `${multiplicator * 4}px`).join(' '),