Sync table from frontend (#4894)

This PR:
- separates the existing updateSyncStatus endpoint into 2 endpoints
- creates mutations and hooks that will call those endpoints
- trigger the hook on toggle
- removes form logic and add a separated component for toggling

---------

Co-authored-by: Thomas Trompette <thomast@twenty.com>

packages/twenty-server/src/engine/metadata-modules/remote-server/remote-table/dtos/remote-table-input.ts

@@ -1,9 +1,5 @@
 import { InputType, Field, ID } from '@nestjs/graphql';
 
-import { IsEnum } from 'class-validator';
-
-import { RemoteTableStatus } from 'src/engine/metadata-modules/remote-server/remote-table/dtos/remote-table.dto';
-
 @InputType()
 export class RemoteTableInput {
   @Field(() => ID)
@@ -12,10 +8,6 @@ export class RemoteTableInput {
   @Field(() => String)
   name: string;
 
-  @IsEnum(RemoteTableStatus)
-  @Field(() => RemoteTableStatus)
-  status: RemoteTableStatus;
-
   @Field(() => String)
   schema?: string;
 }

packages/twenty-server/src/engine/metadata-modules/remote-server/remote-table/dtos/remote-table.dto.ts

@@ -22,5 +22,5 @@ export class RemoteTableDTO {
   status: RemoteTableStatus;
 
   @Field(() => String)
-  schema: string;
+  schema?: string;
 }