545 replace objects icons and names with records avatars and labelidentifiers in command menu context chips (#10787)

Closes https://github.com/twentyhq/core-team-issues/issues/545

This PR:
- Introduces `commandMenuNavigationMorphItemsState` which stores the
information about the `recordId` and the `objectMetadataItemId` for each
page
- Creates `CommandMenuContextChipEffect`, which queries the records from
the previous pages in case a record has been updated during the
navigation, to keep up to date information and stores it inside
`commandMenuNavigationRecordsState`
- `useCommandMenuContextChips` returns the context chips information
- Style updates (icons background and color)
- Updates `useCommandMenu` to set and reset these new states


https://github.com/user-attachments/assets/8886848a-721d-4709-9330-8e84ebc0d51e

packages/twenty-front/src/modules/object-metadata/utils/getIconColorForObjectType.ts

@@ -0,0 +1,18 @@
+import { Theme } from '@emotion/react';
+
+export const getIconColorForObjectType = ({
+  objectType,
+  theme,
+}: {
+  objectType: string;
+  theme: Theme;
+}): string => {
+  switch (objectType) {
+    case 'note':
+      return theme.color.yellow;
+    case 'task':
+      return theme.color.blue;
+    default:
+      return 'currentColor';
+  }
+};

packages/twenty-front/src/modules/object-metadata/utils/getIconForObjectType.ts

@@ -0,0 +1,14 @@
+import { IconCheckbox, IconComponent, IconNotes } from 'twenty-ui';
+
+export const getIconForObjectType = (
+  objectType: string,
+): IconComponent | undefined => {
+  switch (objectType) {
+    case 'note':
+      return IconNotes;
+    case 'task':
+      return IconCheckbox;
+    default:
+      return undefined;
+  }
+};