Navbar customization improvements (#17863)

- Add folder icon editing support
- And other navbar customization fixes/improvements.

---------

Co-authored-by: Copilot Autofix powered by AI <223894421+github-code-quality[bot]@users.noreply.github.com>
Co-authored-by: Devessier <baptiste@devessier.fr>
Co-authored-by: Félix Malfait <felix.malfait@gmail.com>

packages/twenty-front/src/modules/navigation-menu-item/hooks/useUpdateNavigationMenuItemInDraft.ts

@@ -0,0 +1,31 @@
+import { navigationMenuItemsDraftStateV2 } from '@/navigation-menu-item/states/navigationMenuItemsDraftStateV2';
+import { useSetRecoilStateV2 } from '@/ui/utilities/state/jotai/hooks/useSetRecoilStateV2';
+
+export type UpdateNavigationMenuItemInDraftUpdates = {
+  color?: string;
+  name?: string;
+  icon?: string;
+  link?: string;
+};
+
+export const useUpdateNavigationMenuItemInDraft = () => {
+  const setNavigationMenuItemsDraft = useSetRecoilStateV2(
+    navigationMenuItemsDraftStateV2,
+  );
+
+  const updateNavigationMenuItemInDraft = (
+    navigationMenuItemId: string,
+    updates: UpdateNavigationMenuItemInDraftUpdates,
+  ) => {
+    setNavigationMenuItemsDraft((draft) => {
+      if (!draft) return draft;
+
+      return draft.map((item) => {
+        if (item.id !== navigationMenuItemId) return item;
+        return { ...item, ...updates };
+      });
+    });
+  };
+
+  return { updateNavigationMenuItemInDraft };
+};