Navbar drag drop using dnd kit (#18288)

packages/twenty-front/src/modules/object-record/read-only/hooks/useIsRecordReadOnly.ts

@@ -1,8 +1,10 @@
 import { useObjectMetadataItemById } from '@/object-metadata/hooks/useObjectMetadataItemById';
 import { getObjectPermissionsForObject } from '@/object-metadata/utils/getObjectPermissionsForObject';
+import { isNavigationMenuInEditModeState } from '@/navigation-menu-item/states/isNavigationMenuInEditModeState';
 import { useObjectPermissions } from '@/object-record/hooks/useObjectPermissions';
 import { isRecordReadOnly } from '@/object-record/read-only/utils/isRecordReadOnly';
 import { useIsRecordDeleted } from '@/object-record/record-field/ui/hooks/useIsRecordDeleted';
+import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomStateValue';
 
 type UseIsRecordReadOnlyParams = {
   recordId: string;
@@ -13,6 +15,10 @@ export const useIsRecordReadOnly = ({
   recordId,
   objectMetadataId,
 }: UseIsRecordReadOnlyParams) => {
+  const isNavigationMenuInEditMode = useAtomStateValue(
+    isNavigationMenuInEditModeState,
+  );
+
   const { objectMetadataItem } = useObjectMetadataItemById({
     objectId: objectMetadataId,
   });
@@ -26,9 +32,12 @@ export const useIsRecordReadOnly = ({
 
   const isRecordDeleted = useIsRecordDeleted({ recordId });
 
-  return isRecordReadOnly({
-    objectPermissions,
-    isRecordDeleted,
-    objectMetadataItem,
-  });
+  return (
+    isNavigationMenuInEditMode ||
+    isRecordReadOnly({
+      objectPermissions,
+      isRecordDeleted,
+      objectMetadataItem,
+    })
+  );
 };