testing 127.0.0.1 issue

Signed-off-by: Kenneth Obsequio <k80308392@gmail.com>

src/modules/client/pages/ViewTask.jsx

@@ -315,12 +315,7 @@ const ViewTask = () => {
             }
 
             if (!uploadedFiles.length) {
-                toast('No files were uploaded successfully.', {
-                    action: {
-                        label: "Close",
-                        onClick: () => {}
-                    }
-                });
+                toast('No files were uploaded successfully.');
                 return;
             }
 
@@ -334,12 +329,7 @@ const ViewTask = () => {
             setNote('');
             setUploadState({ files: [], isUploading: false });
         } catch (err) {
-            toast('Failed to submit. Please try again.', {
-                action: {
-                    label: "Close",
-                    onClick: () => {}
-                }
-            });
+            toast('Failed to submit. Please try again.');
         } finally {
             setSubmitting(false);
         }
@@ -413,7 +403,7 @@ const ViewTask = () => {
                 <div className="grid lg:grid-cols-[1fr_350px] gap-6 items-start">
 
                     {/* ── Left ──────────────────────────────────────────────── */}
-                    <div className="flex flex-col gap-6 xs:order-1 lg:order-0 min-w-0 w-full max-w-full">
+                    <div className="flex flex-col gap-6 min-w-0 w-full max-w-full">
 
                         {/* Task header card */}
                         <div className="border rounded-lg bg-card overflow-hidden">
@@ -448,6 +438,18 @@ const ViewTask = () => {
                             </div>
                         </div>
 
+                        {/* Requirements status panel — mobile only, right after the header */}
+                        {!isResolving && requirements.length > 0 && (
+                            <div className="lg:hidden">
+                                <RequirementsStatusPanel
+                                    requirements={requirements}
+                                    latestCompletion={latestCompletion}
+                                    isVisited={isVisited}
+                                    isCompleted={isCompleted}
+                                />
+                            </div>
+                        )}
+
                         {/* Requirements section */}
                         {!isResolving && requirements.length > 0 && (
                             <>
@@ -519,10 +521,22 @@ const ViewTask = () => {
                                 )}
                             </>
                         )}
+
+                        {/* Your work — mobile only, at the very end */}
+                        {hasFileUpload && (
+                            <div className="lg:hidden">
+                                <FileUploadPanel
+                                    latestCompletion={latestCompletion}
+                                    onAddAttachment={() => setTaskModal(true)}
+                                    submitting={submitting}
+                                    onFileClick={(file) => setPreviewFile(file)}
+                                />
+                            </div>
+                        )}
                     </div>
 
-                    {/* ── Right ─────────────────────────────────────────────── */}
-                    <div className="flex flex-col gap-4 xs:order-1 lg:order-0 lg:sticky lg:top-24 lg:self-start select-none">
+                    {/* ── Right (desktop sidebar only) ───────────────────────── */}
+                    <div className="hidden lg:flex lg:flex-col gap-4 lg:sticky lg:top-24 lg:self-start select-none">
                         {hasFileUpload && (
                             <FileUploadPanel
                                 latestCompletion={latestCompletion}