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/views/components/SortOrFilterChip.tsx

@@ -25,6 +25,7 @@ const StyledChip = styled.div<{ variant: SortOrFilterChipVariant }>`
       }
     }};
   border-radius: 4px;
+  box-sizing: border-box;
   color: ${({ variant }) => {
     switch (variant) {
       case 'danger':
@@ -34,17 +35,16 @@ const StyledChip = styled.div<{ variant: SortOrFilterChipVariant }>`
         return themeCssVariables.color.blue;
     }
   }};
-  height: 24px;
-  box-sizing: border-box;
+  column-gap: ${themeCssVariables.spacing[1]};
   cursor: pointer;
   display: flex;
   flex-direction: row;
   flex-shrink: 0;
   font-size: ${themeCssVariables.font.size.sm};
   font-weight: ${themeCssVariables.font.weight.medium};
+  height: 24px;
   padding: ${themeCssVariables.spacing[0.5]};
   padding-left: ${themeCssVariables.spacing[1]};
-  column-gap: ${themeCssVariables.spacing[1]};
   user-select: none;
   white-space: nowrap;
 `;
@@ -55,20 +55,20 @@ const StyledIcon = styled.div`
 `;
 
 const StyledDelete = styled.button<{ variant: SortOrFilterChipVariant }>`
-  box-sizing: border-box;
-  height: 20px;
-  width: 20px;
-  display: flex;
-  justify-content: center;
   align-items: center;
-  cursor: pointer;
-  font-size: ${themeCssVariables.font.size.sm};
-  user-select: none;
-  padding: 0;
-  margin: 0;
   background: none;
   border: none;
+  box-sizing: border-box;
   color: inherit;
+  cursor: pointer;
+  display: flex;
+  font-size: ${themeCssVariables.font.size.sm};
+  height: 20px;
+  justify-content: center;
+  margin: 0;
+  padding: 0;
+  user-select: none;
+  width: 20px;
 
   &:hover {
     background-color: ${({ variant }) => {

packages/twenty-front/src/modules/views/components/ViewBarDetails.tsx

@@ -52,8 +52,8 @@ const StyledBar = styled.div`
   flex-direction: row;
   justify-content: space-between;
   min-height: 32px;
-  padding-top: ${themeCssVariables.spacing[1]};
   padding-bottom: ${themeCssVariables.spacing[1]};
+  padding-top: ${themeCssVariables.spacing[1]};
   z-index: 4;
 `;
 

packages/twenty-front/src/modules/views/components/ViewBarFilterDropdownBottomMenu.tsx

@@ -4,9 +4,9 @@ import { styled } from '@linaria/react';
 import { themeCssVariables } from 'twenty-ui/theme-constants';
 
 const StyledContainer = styled.div`
+  align-items: center;
   display: flex;
   flex-direction: column;
-  align-items: center;
   justify-content: space-between;
   padding: ${themeCssVariables.spacing[1]};
 `;

packages/twenty-front/src/modules/views/components/ViewBarFilterDropdownFieldSelectMenu.tsx

@@ -29,22 +29,22 @@ import { themeCssVariables } from 'twenty-ui/theme-constants';
 export const StyledInput = styled.input`
   background: transparent;
   border: none;
-  border-top: none;
   border-bottom: 1px solid ${themeCssVariables.border.color.light};
   border-radius: 0;
+  border-top: none;
   border-top-left-radius: ${themeCssVariables.border.radius.md};
   border-top-right-radius: ${themeCssVariables.border.radius.md};
   color: ${themeCssVariables.font.color.primary};
-  margin: 0;
-  outline: none;
-  padding: ${themeCssVariables.spacing[2]};
-  min-height: 19px;
   font-family: inherit;
   font-size: ${themeCssVariables.font.size.sm};
-
   font-weight: inherit;
+  margin: 0;
   max-width: 100%;
+  min-height: 19px;
+
+  outline: none;
   overflow: hidden;
+  padding: ${themeCssVariables.spacing[2]};
   text-decoration: none;
 
   &::placeholder {