New useNavigateApp (#9729)

Todo : 
- replace all instances of useNavigate(
- remove getSettingsPagePath
- add eslint rule to enfore usage of useNavigateApp instead of
useNavigate

packages/twenty-front/src/modules/object-metadata/components/NavigationDrawerItemForObjectMetadataItem.tsx

@@ -2,6 +2,7 @@ import { useLastVisitedView } from '@/navigation/hooks/useLastVisitedView';
 import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
 import { usePrefetchedData } from '@/prefetch/hooks/usePrefetchedData';
 import { PrefetchKey } from '@/prefetch/types/PrefetchKey';
+import { AppPath } from '@/types/AppPath';
 import { NavigationDrawerItem } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerItem';
 import { NavigationDrawerItemsCollapsableContainer } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerItemsCollapsableContainer';
 import { NavigationDrawerSubItem } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerSubItem';
@@ -10,6 +11,7 @@ import { View } from '@/views/types/View';
 import { getObjectMetadataItemViews } from '@/views/utils/getObjectMetadataItemViews';
 import { useLocation } from 'react-router-dom';
 import { AnimatedExpandableContainer, useIcons } from 'twenty-ui';
+import { getAppPath } from '~/utils/navigation/getAppPath';
 
 export type NavigationDrawerItemForObjectMetadataItemProps = {
   objectMetadataItem: ObjectMetadataItem;
@@ -35,13 +37,23 @@ export const NavigationDrawerItemForObjectMetadataItem = ({
 
   const viewId = lastVisitedViewId ?? objectMetadataViews[0]?.id;
 
-  const navigationPath = `/objects/${objectMetadataItem.namePlural}${
-    viewId ? `?view=${viewId}` : ''
-  }`;
+  const navigationPath = getAppPath(
+    AppPath.RecordIndexPage,
+    { objectNamePlural: objectMetadataItem.namePlural },
+    viewId ? { viewId } : undefined,
+  );
 
   const isActive =
-    currentPath === `/objects/${objectMetadataItem.namePlural}` ||
-    currentPath.includes(`object/${objectMetadataItem.nameSingular}/`);
+    currentPath ===
+      getAppPath(AppPath.RecordIndexPage, {
+        objectNamePlural: objectMetadataItem.namePlural,
+      }) ||
+    currentPath.includes(
+      getAppPath(AppPath.RecordShowPage, {
+        objectNameSingular: objectMetadataItem.nameSingular,
+        objectRecordId: '',
+      }).slice(0, -1),
+    );
 
   const shouldSubItemsBeDisplayed = isActive && objectMetadataViews.length > 1;
 
@@ -76,7 +88,11 @@ export const NavigationDrawerItemForObjectMetadataItem = ({
         {sortedObjectMetadataViews.map((view, index) => (
           <NavigationDrawerSubItem
             label={view.name}
-            to={`/objects/${objectMetadataItem.namePlural}?view=${view.id}`}
+            to={getAppPath(
+              AppPath.RecordIndexPage,
+              { objectNamePlural: objectMetadataItem.namePlural },
+              { viewId: view.id },
+            )}
             active={viewId === view.id}
             subItemState={getNavigationSubItemLeftAdornment({
               index,