Upload folder using huggingface_hub

client/src/pages/TutorialTasks.tsx

@@ -816,10 +816,18 @@ const TutorialTasks: React.FC = () => {
       });
 
       if (response.status >= 200 && response.status < 300) {
-        const result = response.data;
-        console.log('Submission created successfully:', result);
-   
-        // Defer all state updates and preserve scroll to prevent UI jumping
+        const created = response.data;
+        console.log('Submission created successfully:', created);
+
+        // Optimistic append to avoid large reflow from full refetch
+        setUserSubmissions(prev => {
+          const current = prev[taskId] || [];
+          // Put newest first like server returns
+          const next = [{ ...created, isOwner: true }, ...current];
+          return { ...prev, [taskId]: next };
+        });
+
+        // Defer state updates and minimal refetch
         withPreservedCardOffset(taskId, () => {
           React.startTransition(() => {
             setTranslationText({ ...translationText, [taskId]: '' });
@@ -896,7 +904,16 @@ const TutorialTasks: React.FC = () => {
       const response = await api.delete(`/api/submissions/${submissionId}`);
 
       if (response.status === 200) {
-  
+
+        // Optimistically remove from local submissions to avoid large reflow
+        if (taskId) {
+          setUserSubmissions(prev => {
+            const list = prev[taskId] || [];
+            const next = list.filter(s => s._id !== submissionId);
+            return { ...prev, [taskId]: next };
+          });
+        }
+
         // Defer refetch to prevent UI jumping and preserve scroll around DOM updates
         if (taskId) lockCardHeightById(taskId);
         withPreservedCardOffset(taskId || '', () => {