Fix recording sync (#291)

* delete audio/video/recording in remote

* sync recordings on profile page

* handle recording sync failed

enjoy/src/renderer/pages/profile.tsx

@@ -1,9 +1,10 @@
-import { useState } from "react";
+import { useEffect, useState, useContext } from "react";
 import {
   RecordingStats,
   RecordingCalendar,
   RecordingActivities,
 } from "@renderer/components";
+import { AppSettingsProviderContext } from "@renderer/context";
 import { Button } from "@renderer/components/ui";
 import { ChevronLeftIcon } from "lucide-react";
 import { useNavigate } from "react-router-dom";
@@ -13,11 +14,16 @@ import { t } from "i18next";
 export default () => {
   const navigate = useNavigate();
 
+  const { EnjoyApp } = useContext(AppSettingsProviderContext);
   const [range, setRange] = useState<[string, string]>([
     dayjs().subtract(7, "day").format(),
     dayjs().format(),
   ]);
 
+  useEffect(() => {
+    EnjoyApp.recordings.syncAll();
+  }, []);
+
   return (
     <div className="h-full px-4 py-6 lg:px-8">
       <div className="max-w-5xl mx-auto">