implemented dynamic imports on imageupload page

frontend/src/features/Train/components/ImageUploadLayout.tsx

@@ -5,20 +5,37 @@ import {
 } from "@/features/Train/types/trainTypes";
 import { Button, Radio, Stack, Typography } from "@mui/material";
 import { Controller, UseFormReturn } from "react-hook-form";
-
+import dynamic from "next/dynamic";
 import { formatDate } from "@/common/utils/dateFormat";
 import {
   useGetDatasetFilesDataQuery,
   useUploadDatasetFileMutation,
 } from "@/features/Train/redux/trainspaceApi";
 import { DataGrid } from "@mui/x-data-grid";
 import prettyBytes from "pretty-bytes";
-import FilerobotImageEditor, {
-  TABS,
-  TOOLS,
-} from "react-filerobot-image-editor";
 import React from "react";
 
+const FilerobotImageEditor = dynamic(
+  () => import("react-filerobot-image-editor"),
+  {
+    ssr: false,
+  }
+);
+
+const TABS = dynamic(
+  () => import("react-filerobot-image-editor").then((lib) => lib.TABS),
+  {
+    ssr: false,
+  }
+);
+
+const TOOLS = dynamic(
+  () => import("react-filerobot-image-editor").then((lib) => lib.TOOLS),
+  {
+    ssr: false,
+  }
+);
+
 const dataURLtoFile = (dataurl: string, filename: string) => {
   const arr = dataurl.split(",");
   if (arr.length === 0) {