fix(frontend): resolve strict build errors and configure 100MB payload limit for BIDS uploads

apps/frontend/Dockerfile

@@ -1,5 +1,5 @@
 # 1. Install dependencies only when needed
-FROM node:18-alpine AS deps
+FROM node:20-alpine AS deps
 
 WORKDIR /app
 
@@ -35,6 +35,7 @@ COPY --from=builder /app/public ./public
 COPY --from=builder /app/.next ./.next
 COPY --from=builder /app/node_modules ./node_modules
 COPY --from=builder /app/package.json ./package.json
+COPY --from=builder /app/next.config.ts ./
 
 # Expose the port Next.js runs on
 EXPOSE 3000

apps/frontend/next.config.ts

@@ -2,6 +2,20 @@ import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
   /* config options here */
+  experimental: {
+    serverActions: {
+      bodySizeLimit: '100mb',
+    },
+  },
+
+  async rewrites() {
+    return [
+      {
+        source: '/api/:path*',
+        destination: 'http://backend:8000/api/:path*' // Routes traffic safely inside the Docker network
+      }
+    ];
+  }
 };
 
 export default nextConfig;

apps/frontend/src/app/_home/UploadButtons.tsx

@@ -6,11 +6,8 @@ import { cn } from "@/lib/utils";
 import { UploadDataType, UploadModalityType } from "@/enums";
 import { Upload as UploadIcon } from "lucide-react";
 import { useAppContext } from "@/providers/AppProvider";
-import { findNiftiFile, findRelevantFiles } from "@/utils";
-import { getReport } from "@/services/apiReport";
 import { toast } from "sonner";
 import { useRouter } from "next/navigation";
-import { IAllRelevantFilesType } from "@/types";
 import { handleBidsUpload, handleDicomUpload } from "./uploadHandlers";
 
 type TUploadDataOptions = (typeof UploadDataType)[keyof typeof UploadDataType];
@@ -62,7 +59,7 @@ const UploadButtons = () => {
       setApiData(data);
       if (
         data.missing_required_parameters &&
-        data.missing_required_parameters.length > 0
+        Number(data.missing_required_parameters.length) > 0
       ) {
         toast.info(
           "Report generated with missing parameters. Please provide the missing values."

apps/frontend/src/app/_home/uploadHandlers.ts

@@ -61,7 +61,9 @@ const handleBidsUpload = async ({
   files: FileList;
   setIsLoading: (v: boolean) => void;
   setUploadedFiles: (files: IAllRelevantFilesType) => void;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   setUploadConfig: (config: any) => void;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   setUpdatedJsonContent: (content: any) => void;
   setUpdatedJsonFilename: (filename: string) => void;
   activeModalityTypeOption: UploadModalityType;

apps/frontend/src/services/apiReport.ts

@@ -2,7 +2,7 @@ import axios from 'axios';
 import {IReportApiResponse} from '@/types';
 
 
-const API_BASE_URL = `${process.env.NEXT_PUBLIC_API_BASE_URL}/report`;
+const API_BASE_URL = `/api/report`;
 
 const client = axios.create({
     baseURL: API_BASE_URL,