fix #7085 breadcrumb fix for mobile viewport (#7419)

ISSUE
Closes https://github.com/twentyhq/twenty/issues/7085

DEMO 


https://github.com/user-attachments/assets/39692906-c02e-4e4c-9205-82447fa142df

---------

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>

packages/twenty-front/src/modules/navigation/hooks/useOpenSettings.ts

@@ -0,0 +1,19 @@
+import { currentMobileNavigationDrawerState } from '@/navigation/states/currentMobileNavigationDrawerState';
+import { isNavigationDrawerExpandedState } from '@/ui/navigation/states/isNavigationDrawerExpanded';
+import { useRecoilState } from 'recoil';
+
+export const useOpenSettingsMenu = () => {
+  const [, setIsNavigationDrawerExpanded] = useRecoilState(
+    isNavigationDrawerExpandedState,
+  );
+  const [, setCurrentMobileNavigationDrawer] = useRecoilState(
+    currentMobileNavigationDrawerState,
+  );
+
+  const openSettingsMenu = () => {
+    setIsNavigationDrawerExpanded(true);
+    setCurrentMobileNavigationDrawer('settings');
+  };
+
+  return { openSettingsMenu };
+};