Fix/company team crud (#2614)

* Fixed basePathToShowPage

* Fixed company team list

* Fixed : create, update, delete and detach people from company.

front/src/modules/ui/navigation/menu-item/components/MenuItem.tsx

@@ -23,7 +23,7 @@ export type MenuItemProps = {
   isTooltipOpen?: boolean;
   className?: string;
   testId?: string;
-  onClick?: () => void;
+  onClick?: (event: MouseEvent<HTMLLIElement>) => void;
 };
 
 export const MenuItem = ({
@@ -38,10 +38,17 @@ export const MenuItem = ({
 }: MenuItemProps) => {
   const showIconButtons = Array.isArray(iconButtons) && iconButtons.length > 0;
 
+  const handleMenuItemClick = (event: MouseEvent<HTMLLIElement>) => {
+    event.preventDefault();
+    event.stopPropagation();
+
+    onClick?.(event);
+  };
+
   return (
     <StyledHoverableMenuItemBase
       data-testid={testId ?? undefined}
-      onClick={onClick}
+      onClick={handleMenuItemClick}
       className={className}
       accent={accent}
       isMenuOpen={!!isTooltipOpen}

front/src/modules/ui/object/record-table/record-table-cell/hooks/useTableCell.ts

@@ -1,11 +1,12 @@
 import { useContext } from 'react';
 import { useNavigate } from 'react-router-dom';
-import { useRecoilState } from 'recoil';
+import { useRecoilState, useRecoilValue } from 'recoil';
 
 import { FieldContext } from '@/ui/object/field/contexts/FieldContext';
 import { useIsFieldEmpty } from '@/ui/object/field/hooks/useIsFieldEmpty';
 import { entityFieldInitialValueFamilyState } from '@/ui/object/field/states/entityFieldInitialValueFamilyState';
 import { FieldInitialValue } from '@/ui/object/field/types/FieldInitialValue';
+import { useRecordTableScopedStates } from '@/ui/object/record-table/hooks/internal/useRecordTableScopedStates';
 import { useDragSelect } from '@/ui/utilities/drag-select/hooks/useDragSelect';
 import { useSetHotkeyScope } from '@/ui/utilities/hotkey/hooks/useSetHotkeyScope';
 import { HotkeyScope } from '@/ui/utilities/hotkey/types/HotkeyScope';
@@ -22,8 +23,13 @@ const DEFAULT_CELL_SCOPE: HotkeyScope = {
 };
 
 export const useTableCell = () => {
-  const { setCurrentTableCellInEditMode } = useCurrentTableCellEditMode();
+  const { objectMetadataConfigState } = useRecordTableScopedStates();
 
+  const objectMetadataConfig = useRecoilValue(objectMetadataConfigState);
+
+  const basePathToShowPage = objectMetadataConfig?.basePathToShowPage;
+
+  const { setCurrentTableCellInEditMode } = useCurrentTableCellEditMode();
   const setHotkeyScope = useSetHotkeyScope();
   const { setDragSelectionStartEnabled } = useDragSelect();
 
@@ -37,8 +43,7 @@ export const useTableCell = () => {
 
   const isEmpty = useIsFieldEmpty();
 
-  const { entityId, fieldDefinition, basePathToShowPage } =
-    useContext(FieldContext);
+  const { entityId, fieldDefinition } = useContext(FieldContext);
 
   const [, setFieldInitialValue] = useRecoilState(
     entityFieldInitialValueFamilyState({