feat(sync): support offline commit- [INS-4226] (#7811)

* feat(sync): support offline commit

Author: CurryYangxx

packages/insomnia/src/ui/components/dropdowns/sync-dropdown.tsx

@@ -90,7 +90,6 @@ export const SyncDropdown: FC<Props> = ({ gitSyncEnabled }) => {
     historyCount: 0,
     history: [],
     syncItems: [],
-    remoteBackendProjects: [],
     compare: { ahead: 0, behind: 0 },
   };
 

packages/insomnia/src/ui/routes/remote-collections.tsx

@@ -254,7 +254,6 @@ interface SyncData {
     ahead: number;
     behind: number;
   };
-  remoteBackendProjects: BackendProject[];
 }
 
 const remoteBranchesCache: Record<string, string[]> = {};
@@ -320,27 +319,31 @@ export const syncDataLoader: LoaderFunction = async ({
     const vcs = VCSInstance();
     const { syncItems } = await getSyncItems({ workspaceId });
     const localBranches = (await vcs.getBranchNames()).sort();
-    const remoteBranches = (
-      remoteBranchesCache[workspaceId] || (await vcs.getRemoteBranchNames())
-    ).sort();
     const currentBranch = await vcs.getCurrentBranchName();
     const history = (await vcs.getHistory()).sort((a, b) =>
       b.created > a.created ? 1 : -1
     );
     const historyCount = await vcs.getHistoryCount();
     const status = await vcs.status(syncItems);
-    const compare =
+
+    let remoteBranches: string[] = [];
+    let compare = { ahead: 0, behind: 0 };
+    try {
+      remoteBranches = (
+        remoteBranchesCache[workspaceId] || (await vcs.getRemoteBranchNames())
+      ).sort();
+      compare =
       remoteCompareCache[workspaceId] || (await vcs.compareRemoteBranch());
     const remoteBackendProjects =
       remoteBackendProjectsCache[workspaceId] ||
       (await vcs.remoteBackendProjects({
         teamId: project.parentId,
         teamProjectId: project.remoteId,
       }));
-
     remoteBranchesCache[workspaceId] = remoteBranches;
     remoteCompareCache[workspaceId] = compare;
     remoteBackendProjectsCache[workspaceId] = remoteBackendProjects;
+    } catch (e) { }
 
     return {
       syncItems,
@@ -351,7 +354,6 @@ export const syncDataLoader: LoaderFunction = async ({
       historyCount,
       status,
       compare,
-      remoteBackendProjects,
     };
   } catch (e) {
     const errorMessage =