Fix image display logic: Use task.weekNumber instead of selectedWeek for proper week-based layout

client/src/pages/TutorialTasks.tsx

@@ -1398,8 +1398,8 @@ const TutorialTasks: React.FC = () => {
                     ) : (
                       <div className="space-y-4">
                         {task.imageUrl ? (
-                          // Different layout based on week number
-                          selectedWeek >= 3 ? (
+                          // Different layout based on task's week number
+                          task.weekNumber >= 3 ? (
                             // Week 3+ layout with dynamic sizing and alignment
                             <div className={`flex flex-col md:flex-row gap-6 items-start ${
                               task.imageAlignment === 'left' ? 'md:flex-row' : 
@@ -1577,7 +1577,7 @@ const TutorialTasks: React.FC = () => {
                 )}
 
                                   {/* Translation Input (always show if user is logged in, but hide for image-only content in week 3+) */}
-                  {localStorage.getItem('token') && !(selectedWeek >= 3 && task.content === 'Image-based task') && (
+                  {localStorage.getItem('token') && !(task.weekNumber >= 3 && task.content === 'Image-based task') && (
                   <div className="bg-white rounded-lg p-6 border border-gray-200 shadow-sm">
                     <div className="flex items-center space-x-3 mb-4">
                       <div className="bg-gray-100 rounded-lg p-2">

client/src/pages/WeeklyPractice.tsx

@@ -2030,7 +2030,7 @@ const WeeklyPractice: React.FC = () => {
                       </div>
                     ) : (
                       <div>
-                        {practice.imageUrl && selectedWeek >= 3 ? (
+                        {practice.imageUrl && practice.weekNumber >= 3 ? (
                           <div className={`flex flex-col md:flex-row gap-6 items-start ${
                             practice.imageAlignment === 'left' ? 'md:flex-row' : 
                             practice.imageAlignment === 'right' ? 'md:flex-row-reverse' : 
@@ -2198,8 +2198,8 @@ const WeeklyPractice: React.FC = () => {
                   </div>
                 )}
 
-                {/* Translation Input (only show if user is logged in and has no submission, and not for image-only content) */}
-                {localStorage.getItem('token') && (!userSubmissions[practice._id] || userSubmissions[practice._id].length === 0) && practice.content !== 'Image-based practice' && (
+                {/* Translation Input (only show if user is logged in and has no submission, and not for image-only content in week 3+) */}
+                {localStorage.getItem('token') && (!userSubmissions[practice._id] || userSubmissions[practice._id].length === 0) && !(practice.weekNumber >= 3 && practice.content === 'Image-based practice') && (
                   <div className="bg-gradient-to-r from-purple-50 to-violet-50 rounded-xl p-6 border border-purple-200">
                     <div className="flex items-center space-x-2 mb-4">
                       <div className="bg-purple-100 rounded-full p-1">