Activity as standard object (#6219)

In this PR I layout the first steps to migrate Activity to a traditional
Standard objects

Since this is a big transition, I'd rather split it into several
deployments / PRs

<img width="1512" alt="image"
src="https://github.com/user-attachments/assets/012e2bbf-9d1b-4723-aaf6-269ef588b050">

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
Co-authored-by: bosiraphael <71827178+bosiraphael@users.noreply.github.com>
Co-authored-by: Weiko <corentin@twenty.com>
Co-authored-by: Faisal-imtiyaz123 <142205282+Faisal-imtiyaz123@users.noreply.github.com>
Co-authored-by: Prateek Jain <prateekj1171998@gmail.com>

packages/twenty-front/src/modules/activities/tasks/components/TaskRow.tsx

@@ -1,18 +1,16 @@
 import { useTheme } from '@emotion/react';
 import styled from '@emotion/styled';
-import {
-  IconCalendar,
-  IconComment,
-  OverflowingTextWithTooltip,
-} from 'twenty-ui';
+import { IconCalendar, OverflowingTextWithTooltip } from 'twenty-ui';
 
 import { useOpenActivityRightDrawer } from '@/activities/hooks/useOpenActivityRightDrawer';
 import { ActivityTargetsInlineCell } from '@/activities/inline-cell/components/ActivityTargetsInlineCell';
-import { Activity } from '@/activities/types/Activity';
 import { getActivitySummary } from '@/activities/utils/getActivitySummary';
 import { Checkbox, CheckboxShape } from '@/ui/input/components/Checkbox';
 import { beautifyExactDate, hasDatePassed } from '~/utils/date-utils';
 
+import { Task } from '@/activities/types/Task';
+import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
+import { useFieldContext } from '@/object-record/hooks/useFieldContext';
 import { useCompleteTask } from '../hooks/useCompleteTask';
 
 const StyledContainer = styled.div`
@@ -52,13 +50,6 @@ const StyledTaskTitle = styled.div<{
   text-overflow: ellipsis;
 `;
 
-const StyledCommentIcon = styled.div`
-  align-items: center;
-  color: ${({ theme }) => theme.font.color.light};
-  display: flex;
-  margin-left: ${({ theme }) => theme.spacing(2)};
-`;
-
 const StyledDueDate = styled.div<{
   isPast: boolean;
 }>`
@@ -89,13 +80,22 @@ const StyledCheckboxContainer = styled.div`
   display: flex;
 `;
 
-export const TaskRow = ({ task }: { task: Activity }) => {
+export const TaskRow = ({ task }: { task: Task }) => {
   const theme = useTheme();
-  const openActivityRightDrawer = useOpenActivityRightDrawer();
+  const openActivityRightDrawer = useOpenActivityRightDrawer({
+    objectNameSingular: CoreObjectNameSingular.Task,
+  });
 
   const body = getActivitySummary(task.body);
   const { completeTask } = useCompleteTask(task);
 
+  const { FieldContextProvider: TaskTargetsContextProvider } = useFieldContext({
+    objectNameSingular: CoreObjectNameSingular.Task,
+    objectRecordId: task.id,
+    fieldMetadataName: 'taskTargets',
+    fieldPosition: 0,
+  });
+
   return (
     <StyledContainer
       onClick={() => {
@@ -109,33 +109,33 @@ export const TaskRow = ({ task }: { task: Activity }) => {
           }}
         >
           <Checkbox
-            checked={!!task.completedAt}
+            checked={task.status === 'DONE'}
             shape={CheckboxShape.Rounded}
             onCheckedChange={completeTask}
           />
         </StyledCheckboxContainer>
-        <StyledTaskTitle completed={task.completedAt !== null}>
+        <StyledTaskTitle completed={task.status === 'DONE'}>
           {task.title || <StyledPlaceholder>Task title</StyledPlaceholder>}
         </StyledTaskTitle>
         <StyledTaskBody>
           <OverflowingTextWithTooltip text={body} />
-          {task.comments && task.comments.length > 0 && (
-            <StyledCommentIcon>
-              <IconComment size={theme.icon.size.md} />
-            </StyledCommentIcon>
-          )}
         </StyledTaskBody>
       </StyledLeftSideContainer>
       <StyledRightSideContainer>
-        <ActivityTargetsInlineCell
-          activity={task}
-          showLabel={false}
-          maxWidth={200}
-          readonly
-        />
+        {TaskTargetsContextProvider && (
+          <TaskTargetsContextProvider>
+            <ActivityTargetsInlineCell
+              activityObjectNameSingular={CoreObjectNameSingular.Task}
+              activity={task}
+              showLabel={false}
+              maxWidth={200}
+              readonly
+            />
+          </TaskTargetsContextProvider>
+        )}
         <StyledDueDate
           isPast={
-            !!task.dueAt && hasDatePassed(task.dueAt) && !task.completedAt
+            !!task.dueAt && hasDatePassed(task.dueAt) && task.status === 'TODO'
           }
         >
           <IconCalendar size={theme.icon.size.md} />