Feat/generic editable board card (#1089)

* Fixed BoardColumnMenu

* Fixed naming

* Optimized board loading

* Added GenericEditableField

* Introduce GenericEditableField for BoardCards

* remove logs

* delete unused files

* fix stories

---------

Co-authored-by: corentin <corentin@twenty.com>

front/src/AppNavbar.tsx

@@ -1,4 +1,4 @@
-import { useLocation } from 'react-router-dom';
+import { useLocation, useNavigate } from 'react-router-dom';
 import { useTheme } from '@emotion/react';
 
 import { useCommandMenu } from '@/command-menu/hooks/useCommandMenu';
@@ -17,11 +17,15 @@ import MainNavbar from '@/ui/navbar/components/MainNavbar';
 import NavItem from '@/ui/navbar/components/NavItem';
 import NavTitle from '@/ui/navbar/components/NavTitle';
 
+import { measureTotalFrameLoad } from './utils/measureTotalFrameLoad';
+
 export function AppNavbar() {
   const theme = useTheme();
   const currentPath = useLocation().pathname;
   const { openCommandMenu } = useCommandMenu();
 
+  const navigate = useNavigate();
+
   const isInSubMenu = useIsSubMenuNavbarDisplayed();
 
   return (
@@ -62,12 +66,22 @@ export function AppNavbar() {
           <NavItem
             label="People"
             to="/people"
+            onClick={() => {
+              measureTotalFrameLoad('people');
+
+              navigate('/people');
+            }}
             icon={<IconUser size={theme.icon.size.md} />}
             active={currentPath === '/people'}
           />
           <NavItem
             label="Opportunities"
-            to="/opportunities"
+            // to="/opportunities"
+            onClick={() => {
+              measureTotalFrameLoad('opportunities');
+
+              navigate('/opportunities');
+            }}
             icon={<IconTargetArrow size={theme.icon.size.md} />}
             active={currentPath === '/opportunities'}
           />