[FIX] fix navigation overflow (#7795)

FIX #7733

Fixes the overflow and responsive problem on large and small devices. 


![image](https://github.com/user-attachments/assets/6cd8b33f-a52f-4452-b161-9c84ebbb4cce)

![image](https://github.com/user-attachments/assets/c8c0386f-e2a2-4f96-a06e-7e37f54c0564)

The 'Workspace' title is fixed and only links under it are scrolled when
overflown.

---------

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

packages/twenty-front/src/modules/ui/utilities/scroll/contexts/ScrollWrapperContexts.tsx

@@ -17,7 +17,8 @@ export type ContextProviderName =
   | 'tabList'
   | 'releases'
   | 'test'
-  | 'showPageActivityContainer';
+  | 'showPageActivityContainer'
+  | 'navigationDrawer';
 
 const createScrollWrapperContext = (id: string) =>
   createContext<ScrollWrapperContextValue>({
@@ -47,6 +48,8 @@ export const ReleasesScrollWrapperContext =
   createScrollWrapperContext('releases');
 export const ShowPageActivityContainerScrollWrapperContext =
   createScrollWrapperContext('showPageActivityContainer');
+export const NavigationDrawerScrollWrapperContext =
+  createScrollWrapperContext('navigationDrawer');
 export const TestScrollWrapperContext = createScrollWrapperContext('test');
 
 export const getContextByProviderName = (
@@ -77,6 +80,8 @@ export const getContextByProviderName = (
       return TestScrollWrapperContext;
     case 'showPageActivityContainer':
       return ShowPageActivityContainerScrollWrapperContext;
+    case 'navigationDrawer':
+      return NavigationDrawerScrollWrapperContext;
     default:
       throw new Error('Context Provider not available');
   }