feat: enforce @/ alias for imports and fix all relative parent imports (#16787)

## Summary
This PR enforces the use of `@/` alias for imports instead of relative
parent imports (`../`).

## Changes

### ESLint Configuration
- Added `no-restricted-imports` pattern in `eslint.config.react.mjs` to
block `../*` imports with the message "Relative parent imports are not
allowed. Use @/ alias instead."
- Removed the non-working `import/no-relative-parent-imports` rule
(doesn't work properly in ESLint flat config)

### VS Code Settings
- Added `javascript.preferences.importModuleSpecifier: non-relative` to
`.vscode/settings.json` (TypeScript setting was already there)

### Code Fixes
- Fixed **941 relative parent imports** across **706 files** in
`packages/twenty-front`
- All `../` imports converted to use `@/` alias

## Why
- Consistent import style across the codebase
- Easier to move files without breaking imports
- Better IDE support for auto-imports
- Clearer understanding of where imports come from

packages/twenty-front/src/modules/navigation/components/MobileNavigationBar.tsx

@@ -17,8 +17,8 @@ import {
   IconSettings,
 } from 'twenty-ui/display';
 import { NavigationBar } from 'twenty-ui/navigation';
-import { useIsSettingsPage } from '../hooks/useIsSettingsPage';
-import { currentMobileNavigationDrawerState } from '../states/currentMobileNavigationDrawerState';
+import { useIsSettingsPage } from '@/navigation/hooks/useIsSettingsPage';
+import { currentMobileNavigationDrawerState } from '@/navigation/states/currentMobileNavigationDrawerState';
 
 type NavigationBarItemName = 'main' | 'search' | 'tasks' | 'settings';
 

packages/twenty-front/src/modules/navigation/components/__stories__/AppNavigationDrawer.stories.tsx

@@ -15,7 +15,7 @@ import { I18nFrontDecorator } from '~/testing/decorators/I18nFrontDecorator';
 import {
   AppNavigationDrawer,
   type AppNavigationDrawerProps,
-} from '../AppNavigationDrawer';
+} from '@/navigation/components/AppNavigationDrawer';
 
 const MobileNavigationDrawerStateSetterEffect = ({
   mobileNavigationDrawer = 'main',

packages/twenty-front/src/modules/navigation/hooks/__tests__/useIsSettingsPage.test.tsx

@@ -1,7 +1,7 @@
 import { MemoryRouter } from 'react-router-dom';
 import { renderHook } from '@testing-library/react';
 
-import { useIsSettingsPage } from '../useIsSettingsPage';
+import { useIsSettingsPage } from '@/navigation/hooks/useIsSettingsPage';
 
 const getWrapper =
   (initialIndex: 0 | 1) =>

packages/twenty-front/src/modules/navigation/utils/__tests__/indexAppPath.test.ts

@@ -1,5 +1,5 @@
 import { AppPath } from 'twenty-shared/types';
-import indexAppPath from '../indexAppPath';
+import indexAppPath from '@/navigation/utils/indexAppPath';
 
 describe('getIndexAppPath', () => {
   it('returns the index app path', () => {