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/workflow/workflow-variables/components/WorkflowVariablesDropdownStepItems.tsx

@@ -21,7 +21,7 @@ import {
   useIcons,
 } from 'twenty-ui/display';
 import { MenuItemSelect } from 'twenty-ui/navigation';
-import { useVariableDropdown } from '../hooks/useVariableDropdown';
+import { useVariableDropdown } from '@/workflow/workflow-variables/hooks/useVariableDropdown';
 
 type WorkflowVariablesDropdownStepItemsProps = {
   step: StepOutputSchemaV2;

packages/twenty-front/src/modules/workflow/workflow-variables/hooks/useVariableDropdown.ts

@@ -15,10 +15,10 @@ import { useSetRecoilState } from 'recoil';
 import { isDefined } from 'twenty-shared/utils';
 import { type BaseOutputSchemaV2 } from 'twenty-shared/workflow';
 import { useIcons } from 'twenty-ui/display';
-import { isBaseOutputSchemaV2 } from '../types/guards/isBaseOutputSchemaV2';
-import { isLinkOutputSchema } from '../types/guards/isLinkOutputSchema';
-import { isRecordOutputSchemaV2 } from '../types/guards/isRecordOutputSchemaV2';
-import { getCurrentSubStepFromPath } from '../utils/getCurrentSubStepFromPath';
+import { isBaseOutputSchemaV2 } from '@/workflow/workflow-variables/types/guards/isBaseOutputSchemaV2';
+import { isLinkOutputSchema } from '@/workflow/workflow-variables/types/guards/isLinkOutputSchema';
+import { isRecordOutputSchemaV2 } from '@/workflow/workflow-variables/types/guards/isRecordOutputSchemaV2';
+import { getCurrentSubStepFromPath } from '@/workflow/workflow-variables/utils/getCurrentSubStepFromPath';
 
 type UseVariableDropdownProps = {
   step: StepOutputSchemaV2;

packages/twenty-front/src/modules/workflow/workflow-variables/types/guards/isIteratorOutputSchema.ts

@@ -3,7 +3,7 @@ import {
   type WorkflowTriggerType,
 } from '@/workflow/types/Workflow';
 import { type OutputSchemaV2 } from '@/workflow/workflow-variables/types/StepOutputSchemaV2';
-import { type IteratorOutputSchema } from '../IteratorOutputSchema';
+import { type IteratorOutputSchema } from '@/workflow/workflow-variables/types/IteratorOutputSchema';
 
 export const isIteratorOutputSchema = (
   stepType: WorkflowActionType | WorkflowTriggerType,

packages/twenty-front/src/modules/workflow/workflow-variables/utils/__tests__/filterOutputSchema.test.ts

@@ -1,7 +1,7 @@
 import { type RecordOutputSchemaV2 } from '@/workflow/workflow-variables/types/RecordOutputSchemaV2';
 import { FieldMetadataType } from 'twenty-shared/types';
 import { type BaseOutputSchemaV2 } from 'twenty-shared/workflow';
-import { filterOutputSchema } from '../filterOutputSchema';
+import { filterOutputSchema } from '@/workflow/workflow-variables/utils/filterOutputSchema';
 
 describe('filterOutputSchema', () => {
   const createRecordSchema = (

packages/twenty-front/src/modules/workflow/workflow-variables/utils/__tests__/getInitialEditorContent.test.ts

@@ -1,4 +1,4 @@
-import { getInitialEditorContent } from '../getInitialEditorContent';
+import { getInitialEditorContent } from '@/workflow/workflow-variables/utils/getInitialEditorContent';
 
 describe('getInitialEditorContent', () => {
   it('should handle single line text', () => {

packages/twenty-front/src/modules/workflow/workflow-variables/utils/__tests__/parseEditorContent.test.ts

@@ -1,5 +1,5 @@
 import type { JSONContent } from '@tiptap/react';
-import { parseEditorContent } from '../parseEditorContent';
+import { parseEditorContent } from '@/workflow/workflow-variables/utils/parseEditorContent';
 
 describe('parseEditorContent', () => {
   it('should parse empty doc', () => {