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-server.service.ts

@@ -126,11 +126,10 @@ export class RemoteServerService<T extends RemoteServerType> {
 
     if (remoteTablesToRemove.length) {
       for (const remoteTable of remoteTablesToRemove) {
-        await this.remoteTableService.updateRemoteTableSyncStatus(
+        await this.remoteTableService.unsyncRemoteTable(
           {
             remoteServerId: id,
             name: remoteTable.name,
-            status: RemoteTableStatus.NOT_SYNCED,
           },
           workspaceId,
         );