Add record page layout tabs editing (#18702)

- Fix duplication of tabs in dashboards that didn't open the duplicated
tab in the side panel: replaced the logic that used Math.round with an
algorithm that switches the positions of the elements. We will keep
relying on integers, but it will work well in all cases.
- Make dnd work with record page layouts, where there is a pinned tab
- Make tab movements work with pinned tab, too
- Allow user to set a tab as the pinned tab
- Make backend changes to be able to save tabs with `layoutMode`



https://github.com/user-attachments/assets/ce1130fa-71df-49ba-ba2f-6f971e15dd49

---------

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

packages/twenty-server/src/engine/metadata-modules/page-layout/services/page-layout-update.service.ts

@@ -294,7 +294,7 @@ export class PageLayoutUpdateService {
           widgetIds: [],
           widgetUniversalIdentifiers: [],
           icon: null,
-          layoutMode: PageLayoutTabLayoutMode.GRID,
+          layoutMode: tabInput.layoutMode ?? PageLayoutTabLayoutMode.GRID,
           overrides: null,
         };
       },
@@ -311,6 +311,7 @@ export class PageLayoutUpdateService {
           ...existingTab,
           title: tabInput.title,
           position: tabInput.position,
+          layoutMode: tabInput.layoutMode ?? existingTab.layoutMode,
           updatedAt: now.toISOString(),
         };
       },
@@ -327,6 +328,7 @@ export class PageLayoutUpdateService {
           ...existingTab,
           title: tabInput.title,
           position: tabInput.position,
+          layoutMode: tabInput.layoutMode ?? existingTab.layoutMode,
           deletedAt: null,
           updatedAt: now.toISOString(),
         };