add setting UI

app/components/home.tsx

@@ -236,7 +236,7 @@ export function Home() {
     let running = true;
 
     setTimeout(async () => {
-      if (running && syncStore.cloudSync()) {
+      if (running && syncStore.cloudSync() && syncStore.autoSync.onStart) {
         try {
           await syncStore.sync();
           showToast(Locale.Settings.Sync.Success);

app/components/settings.tsx

@@ -475,6 +475,21 @@ function SyncConfigModal(props: { onClose?: () => void }) {
             </ListItem>
           </List>
         )}
+
+        <List>
+          <ListItem title={Locale.Settings.Sync.Config.AutoSync.OnStartup}>
+            <input
+              type="checkbox"
+              checked={syncStore.autoSync.onStart}
+              onChange={(e) => {
+                syncStore.update(
+                  (config) =>
+                    (config.autoSync.onStart = e.currentTarget.checked),
+                );
+              }}
+            />
+          </ListItem>
+        </List>
       </Modal>
     </div>
   );