refactor: update accepted file types for CSV uploads in import form and schema

src/app/(dashboard)/import/_components/import.form.tsx

@@ -69,7 +69,7 @@ export default function ImportForm({
         </label>
         <input
           type="file"
-          accept=".csv"
+          accept="text/csv, text/comma-separated-values"
           onChange={handleFileChange}
           className="w-full rounded-lg border px-4 py-2"
         />

src/lib/schemas/import.schemas.ts

@@ -1,9 +1,13 @@
 import { z } from "zod"
 
+const ACCEPTED_MIME_TYPES = ["text/csv", "text/comma-separated-values"]
+
 export const importSchema = z.object({
-  file: z.instanceof(File).refine((file) => file.type === "text/csv", {
+  file: z
-    message: "File must be a CSV",
+    .instanceof(File)
-  }),
+    .refine((file) => ACCEPTED_MIME_TYPES.includes(file.type), {
+      message: "File must be a CSV",
+    }),
   categoryId: z.string().optional(),
 })