Bulk import view lacks CSV schema validation before upload

[usmanimamu17-create]

The bulk import view (src/components/bulk-import/bulk-import-view.tsx) allows users to upload CSV or JSON files for bulk outage creation. The current implementation sends the file directly to the backend's dry-run endpoint for validation. If the CSV has incorrect columns or missing required fields, the user only receives an error after the upload completes, wasting upload time for large files.

Why this is architecturally hard

1. Expected CSV schema is defined in backend's OpenAPI spec, not exposed to frontend
2. Parsing CSV in browser requires library like papaparse or custom parsing
3. Type coercion must match backend expectations exactly

Acceptance criteria

• Uploading CSV with missing required columns shows immediate error
• Uploading CSV with unrecognized columns shows warning but allows proceeding
• Validation completes within 500ms for files up to 1000 rows

Getting started

Files: src/components/bulk-import/bulk-import-view.tsx, src/services/bulkImportService.ts

[Jumongweb]

Hi maintainer, i will like to solve this issue

[Penielka]

can i be assigned this

[grantfox-oss]

🦊 GrantFox — @Penielka has been assigned to this issue as part of the Third Campaign campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #266)
2. Your PR will be reviewed by the ApexChainx maintainers

Good luck! Track your progress on GrantFox.

[grantfox-oss]

🎉 This issue has been marked as completed on GrantFox as part of the Third Campaign campaign!

@Penielka's PR #277 was approved and merged by @usmanimamu17-create.

🏆 @Penielka: You earned 35 FoxPoints for this contribution! Your current tier: Explorer (707 total points). Track your full progress on GrantFox.

👏 Great work, @Penielka! Keep contributing to ApexChainx.