Re-enable disabled lint rules and right-size CI runners (#18461)

## Summary

- Re-enable one lint rule that was temporarily disabled during the
ESLint-to-Oxlint migration:
- **`twenty/sort-css-properties-alphabetically`** in twenty-front — 578
violations auto-fixed across 390 files
- Document why **`typescript/consistent-type-imports`** cannot be
auto-fixed in twenty-server: NestJS relies on `emitDecoratorMetadata`
for DI, so converting constructor parameter imports to `import type`
erases them at compile time and breaks dependency injection at runtime
- Right-size CI runners, reducing 8-core usage from 18 jobs to 3:

| Change | Jobs | Rationale |
|--------|------|-----------|
| **Keep 8-core** | `ci-merge-queue/e2e-test`,
`ci-front/front-sb-build`, `ci-front/front-build` | Heavy builds needing
max CPU + memory (10GB NODE_OPTIONS, full Storybook webpack bundling) |
| **8-core → 4-core** | `ci-server` (build, lint-typecheck, validation,
test, integration-test), `ci-front/front-sb-test`,
`ci-zapier/server-setup`, `ci-sdk/sdk-e2e-test` | Already sharded into
10-12 parallel instances, I/O-bound (DB/Redis), or moderate single
builds |
| **8-core → 2-core** | `ci-emails/emails-test` | Trivially lightweight
(build + curl health check) |
| **Removed** | `ci-front/front-chromatic-deployment` | Dead code —
permanently disabled with `if: false` |

- Fix merge queue CI issues:
- **Concurrency**: Use `merge_group.base_ref` instead of unique merge
group ref so new queue entries cancel previous runs
- **Required status checks**: Add `merge_group` trigger to all 6
required CI workflows (front, server, shared, website, docker-compose,
sdk) with `changed-files-check` auto-skipped for merge_group events —
status check jobs auto-pass without re-running full CI
- **Build caching**: Add Nx build cache restore/save to E2E test job
with fallback to `main` branch cache for faster frontend and server
builds

## Test plan

- [ ] CI passes on this PR (verifies lint rule auto-fix works)
- [ ] Verify 4-core runner jobs complete within their 30-minute timeouts
- [ ] Verify merge queue status checks auto-pass (ci-front-status-check,
ci-server-status-check, etc.)
- [ ] Verify merge queue E2E concurrency cancels previous runs when a
new PR enters the queue

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

@@ -4,8 +4,8 @@ import { NavigationDrawerAIChatThreadsList } from '@/ai/components/NavigationDra
 
 const StyledAIChatThreadsListWrapper = styled.div`
   display: flex;
-  flex-direction: column;
   flex: 1;
+  flex-direction: column;
   min-height: 0;
 `;
 

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

@@ -27,40 +27,40 @@ import { FeatureFlagKey } from '~/generated-metadata/graphql';
 const StyledRow = styled.div<{ isExpanded: boolean }>`
   align-items: center;
   display: flex;
+  gap: ${({ isExpanded }) => (isExpanded ? themeCssVariables.spacing[2] : 0)};
   justify-content: ${({ isExpanded }) =>
     isExpanded ? 'space-between' : 'center'};
-  gap: ${({ isExpanded }) => (isExpanded ? themeCssVariables.spacing[2] : 0)};
-  width: 100%;
   transition: gap calc(${themeCssVariables.animation.duration.normal} * 1s) ease;
+  width: 100%;
 `;
 
 const StyledTabsPill = styled.div`
   align-items: center;
-  border: 1px solid ${themeCssVariables.border.color.medium};
   background: ${themeCssVariables.background.secondary};
+  border: 1px solid ${themeCssVariables.border.color.medium};
   border-radius: ${themeCssVariables.border.radius.pill};
-  padding: 3px;
-  height: ${themeCssVariables.spacing[7]};
-  display: flex;
-  width: ${themeCssVariables.spacing[18]};
-  gap: ${themeCssVariables.spacing[0.5]};
   box-sizing: border-box;
+  display: flex;
+  gap: ${themeCssVariables.spacing[0.5]};
+  height: ${themeCssVariables.spacing[7]};
+  padding: 3px;
+  width: ${themeCssVariables.spacing[18]};
 `;
 
 const StyledTabWrapper = styled.div<{ isActive: boolean }>`
-  border-radius: ${themeCssVariables.border.radius.pill};
   align-items: center;
   background: ${({ isActive }) =>
     isActive ? themeCssVariables.background.transparent.light : 'transparent'};
+  border-radius: ${themeCssVariables.border.radius.pill};
   color: ${({ isActive }) =>
     isActive
       ? themeCssVariables.font.color.primary
       : themeCssVariables.font.color.tertiary};
   cursor: pointer;
   display: flex;
-  justify-content: center;
-  height: 100%;
   flex: 1;
+  height: 100%;
+  justify-content: center;
 
   &:hover {
     background: ${({ isActive }) =>
@@ -73,15 +73,15 @@ const StyledTabWrapper = styled.div<{ isActive: boolean }>`
 const StyledTabIcon = styled.div`
   align-items: center;
   display: flex;
-  justify-content: center;
   height: ${themeCssVariables.spacing[5]};
+  justify-content: center;
   width: ${themeCssVariables.spacing[5]};
 `;
 
 const StyledNewChatButtonWrapper = styled.div<{ isExpanded: boolean }>`
   align-items: center;
-  border: 1px solid ${themeCssVariables.border.color.medium};
   background: ${themeCssVariables.background.secondary};
+  border: 1px solid ${themeCssVariables.border.color.medium};
   border-radius: ${themeCssVariables.border.radius.pill};
   box-sizing: border-box;
   display: flex;
@@ -90,28 +90,28 @@ const StyledNewChatButtonWrapper = styled.div<{ isExpanded: boolean }>`
   justify-content: center;
   padding: ${({ isExpanded }) =>
     isExpanded ? '3px' : themeCssVariables.spacing[0.5]};
-  width: ${({ isExpanded }) =>
-    isExpanded ? '103px' : themeCssVariables.spacing[6]};
   transition:
     height calc(${themeCssVariables.animation.duration.normal} * 1s) ease,
     padding calc(${themeCssVariables.animation.duration.normal} * 1s) ease;
+  width: ${({ isExpanded }) =>
+    isExpanded ? '103px' : themeCssVariables.spacing[6]};
 `;
 
 const StyledNewChatButton = styled.div`
   align-items: center;
-  justify-content: center;
-  display: flex;
+  border-radius: inherit;
+  color: ${themeCssVariables.font.color.secondary};
   cursor: pointer;
+  display: flex;
   font-size: ${themeCssVariables.font.size.sm};
   font-weight: ${themeCssVariables.font.weight.medium};
   gap: ${themeCssVariables.spacing[1]};
   height: 100%;
-  width: 100%;
-  border-radius: inherit;
-  color: ${themeCssVariables.font.color.secondary};
+  justify-content: center;
   transition:
     background calc(${themeCssVariables.animation.duration.fast} * 1s) ease,
     color calc(${themeCssVariables.animation.duration.fast} * 1s) ease;
+  width: 100%;
 
   &:hover {
     background: ${themeCssVariables.background.transparent.light};