feat(dashboard): Improve error messages during file upload (#13991)

* feat(dashboard): Update error message for large files

Update error message for uploads of files that exceed their limit

Related https://github.com/medusajs/medusa/pull/13981

* Added changeset

packages/admin/dashboard/src/routes/products/common/components/upload-media-form-item/upload-media-form-item.tsx

@@ -70,7 +70,7 @@ export const UploadMediaFormItem = ({
       const fileSizeRejections = rejectedFiles.filter((f) => f?.reason === "size")
 
       if (fileSizeRejections.length) {
-        const fileNames = fileSizeRejections.map((f) => f.file.name).join(", ")
+        const fileNames = "\n" + fileSizeRejections.slice(0, 5).map((f) => f.file.name).join("\n")
         form.setError("media", {
           type: "file_too_large",
           message: t("products.media.fileTooLarge", {
@@ -124,7 +124,7 @@ export const UploadMediaFormItem = ({
                   onUploaded={onUploaded}
                 />
               </Form.Control>
-              <Form.ErrorMessage />
+              <Form.ErrorMessage className="whitespace-pre-line" />
             </div>
           </Form.Item>
         )