fix: set isActive=true in morph migration & add system fields toggle (#17736)

## Summary

Three fixes in this PR:

### 1. Migration commands now set `isActive = true` and use generic
'Target' label

When converting relation fields to `MORPH_RELATION` type, the migration
commands now:
- Set `isActive = true` to prevent inactive fields from being selected
as the representative morph field
- Update all field labels to generic **'Target'** instead of keeping
individual labels like 'Company', 'Person'

This ensures the UI shows a coherent label ('Target') alongside 'X
Objects' for the type.

**Files changed:**
- `1-17-migrate-note-target-to-morph-relations.command.ts`
- `1-17-migrate-task-target-to-morph-relations.command.ts`

### 2. Added system fields/relations toggles in Settings

The fields and relations tables in Settings > Data Model were filtering
out system fields with no way to view them. Added a "System fields" /
"System relations" toggle (visible in advanced mode) to allow viewing
these fields.

**Files changed:**
- `SettingsObjectFieldTable.tsx`
- `SettingsObjectRelationsTable.tsx`

This matches the existing behavior on the Objects table which already
has a "System objects" toggle.

packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectRelationsTable.tsx

@@ -9,12 +9,19 @@ import { Table } from '@/ui/layout/table/components/Table';
 import { TableHeader } from '@/ui/layout/table/components/TableHeader';
 import { useSortedArray } from '@/ui/layout/table/hooks/useSortedArray';
 import { type TableMetadata } from '@/ui/layout/table/types/TableMetadata';
+import { isAdvancedModeEnabledState } from '@/ui/navigation/navigation-drawer/states/isAdvancedModeEnabledState';
 import styled from '@emotion/styled';
 import { msg } from '@lingui/core/macro';
 import { useLingui } from '@lingui/react/macro';
 import { useMemo, useState } from 'react';
+import { useRecoilValue } from 'recoil';
 import { FieldMetadataType } from 'twenty-shared/types';
-import { IconArchive, IconFilter, IconSearch } from 'twenty-ui/display';
+import {
+  IconArchive,
+  IconFilter,
+  IconSearch,
+  IconSettings,
+} from 'twenty-ui/display';
 import { Button } from 'twenty-ui/input';
 import { MenuItemToggle } from 'twenty-ui/navigation';
 import { normalizeSearchText } from '~/utils/normalizeSearchText';
@@ -73,17 +80,20 @@ export const SettingsObjectRelationsTable = ({
   const { t } = useLingui();
   const [searchTerm, setSearchTerm] = useState('');
   const [showInactive, setShowInactive] = useState(true);
+  const [showSystemRelations, setShowSystemRelations] = useState(false);
+
+  const isAdvancedModeEnabled = useRecoilValue(isAdvancedModeEnabledState);
 
   const tableMetadata = SETTINGS_OBJECT_RELATION_TABLE_METADATA;
 
   const relationFields = useMemo(() => {
     return objectMetadataItem.fields.filter(
       (field) =>
-        !field.isSystem &&
+        (showSystemRelations || !field.isSystem) &&
         (field.type === FieldMetadataType.RELATION ||
           field.type === FieldMetadataType.MORPH_RELATION),
     );
-  }, [objectMetadataItem.fields]);
+  }, [objectMetadataItem.fields, showSystemRelations]);
 
   const sortedRelationFields = useSortedArray(relationFields, tableMetadata);
 
@@ -136,6 +146,17 @@ export const SettingsObjectRelationsTable = ({
                   text={t`Inactive`}
                   toggleSize="small"
                 />
+                {isAdvancedModeEnabled && (
+                  <MenuItemToggle
+                    LeftIcon={IconSettings}
+                    onToggleChange={() =>
+                      setShowSystemRelations(!showSystemRelations)
+                    }
+                    toggled={showSystemRelations}
+                    text={t`System relations`}
+                    toggleSize="small"
+                  />
+                )}
               </DropdownMenuItemsContainer>
             </DropdownContent>
           }