Date field format display (#11384)

## Introduction

This PR enables functionality discussed in [Layout Date
Formatting](https://github.com/twentyhq/core-team-issues/issues/97).

### TLDR;
It enables greater control of date formatting at the object's field
level by upgrading all DATE and DATE_TIME fields' settings from:

```ts
{
    displayAsRelativeDate: boolean
}
```

to:

```ts

type FieldDateDisplayFormat = 'full_date' | 'relative_date' | 'date' | 'time' | 'year' | 'custom'

{
    displayFormat: FieldDateDisplayFormat
}
```

PR also includes an upgrade command that will update any existing DATE
and DATE_TIME fields to the new settings value

---------

Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>
Co-authored-by: Félix Malfait <felix@twenty.com>
Co-authored-by: Félix Malfait <felix.malfait@gmail.com>

tools/eslint-rules/rules/no-hardcoded-colors.ts

@@ -23,7 +23,7 @@ export const rule = ESLintUtils.RuleCreator(() => __filename)({
     const testHardcodedColor = (
       literal: TSESTree.Literal | TSESTree.TemplateLiteral,
     ) => {
-      const colorRegex = /(?:rgba?\()|(?:#[0-9a-fA-F]{2,6})/i;
+      const colorRegex = /(?:rgba?\()|(?:#[0-9a-fA-F]{3,6})\b/i;
 
       if (
         literal.type === TSESTree.AST_NODE_TYPES.Literal &&