fix: custom fields are last in order

apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-elements/cuesheetColsFactory.tsx

@@ -209,25 +209,8 @@ function MakeCustomField({ row, column, table }: CellContext<OntimeEntry, unknow
  */
 export function makeCuesheetColumns(customFields: CustomFields, cuesheetMode: AppMode): ColumnDef<OntimeEntry>[] {
   const columnsDef: ColumnDef<OntimeEntry>[] = [];
-  const customFieldKeys = Object.keys(customFields);
   const modeAllowsWrite = cuesheetMode === AppMode.Edit;
 
-  for (let i = 0; i < customFieldKeys.length; i++) {
-    const key = customFieldKeys[i];
-    columnsDef.push({
-      accessorKey: key,
-      id: key,
-      header: customFields[key].label,
-      cell: customFields[key].type === 'text' ? MakeCustomField : LazyImage,
-      size: 250,
-      minSize: 75,
-      meta: {
-        colour: customFields[key].colour,
-        canWrite: true,
-      },
-    });
-  }
-
   columnsDef.push({
     accessorKey: 'flag',
     id: 'flag',
@@ -298,5 +281,24 @@ export function makeCuesheetColumns(customFields: CustomFields, cuesheetMode: Ap
     meta: { canWrite: modeAllowsWrite },
   });
 
+  // custom fields at the end
+  const customFieldKeys = Object.keys(customFields);
+
+  for (let i = 0; i < customFieldKeys.length; i++) {
+    const key = customFieldKeys[i];
+    columnsDef.push({
+      accessorKey: key,
+      id: key,
+      header: customFields[key].label,
+      cell: customFields[key].type === 'text' ? MakeCustomField : LazyImage,
+      size: 250,
+      minSize: 75,
+      meta: {
+        colour: customFields[key].colour,
+        canWrite: true,
+      },
+    });
+  }
+
   return columnsDef;
 }