Add debugging for translation brief and image display issues

src/pages/TutorialTasks.tsx

@@ -171,19 +171,37 @@ const TutorialTasks: React.FC = () => {
 
       if (response.data) {
         const tasks = response.data;
+        console.log('Fetched tasks:', tasks);
         setTutorialTasks(tasks);
         
-        // Organize tasks into week structure
-        if (tasks.length > 0) {
-          const translationBrief = tasks[0].translationBrief;
+        // Try to fetch translation brief separately
+        try {
+          const briefResponse = await api.get(`/search/tutorial-brief/${selectedWeek}`);
+          console.log('Brief response:', briefResponse.data);
+          const translationBrief = briefResponse.data?.translationBrief || tasks[0]?.translationBrief;
+          console.log('Translation brief:', translationBrief);
+          
           const tutorialWeekData: TutorialWeek = {
             weekNumber: selectedWeek,
             translationBrief: translationBrief,
             tasks: tasks
           };
           setTutorialWeek(tutorialWeekData);
-        } else {
-          setTutorialWeek(null);
+        } catch (briefError) {
+          console.log('No separate brief endpoint, using task brief');
+          // Fallback to task brief
+          if (tasks.length > 0) {
+            const translationBrief = tasks[0].translationBrief;
+            console.log('Translation brief from task:', translationBrief);
+            const tutorialWeekData: TutorialWeek = {
+              weekNumber: selectedWeek,
+              translationBrief: translationBrief,
+              tasks: tasks
+            };
+            setTutorialWeek(tutorialWeekData);
+          } else {
+            setTutorialWeek(null);
+          }
         }
         
         await fetchUserSubmissions(tasks);
@@ -447,6 +465,8 @@ const TutorialTasks: React.FC = () => {
         weekNumber: selectedWeek
       });
 
+      console.log('Brief save response:', response);
+
       if (response.status >= 200 && response.status < 300) {
         console.log('Brief saved successfully');
         await fetchTutorialTasks();
@@ -1025,8 +1045,12 @@ const TutorialTasks: React.FC = () => {
                               alt={task.imageAlt || 'Task image'} 
                               className="w-full max-w-md mx-auto rounded-lg shadow-md"
                               onError={(e) => {
+                                console.error('Image failed to load:', task.imageUrl);
                                 e.currentTarget.style.display = 'none';
                               }}
+                              onLoad={() => {
+                                console.log('Image loaded successfully:', task.imageUrl);
+                              }}
                             />
                             {task.imageAlt && (
                               <p className="text-sm text-gray-600 text-center mt-2 italic">{task.imageAlt}</p>