Purav taking over for Sohail - Fix job form issues frontend

[bfire9989]

Description

Fixes # (Priority High) — Job Application Page (/job-application) form functionality issues reported by Sayantan (WIP Sohail Uddin Syed). Related previous PR: #4168.

Several bugs were found on the main branch when testing the job application page. This PR addresses all frontend-side issues identified.

Related PRs

This frontend PR is related to the #2318 backend PR.

Main changes explained

• Updated JobApplicationForm.jsx — required fields (Name, Email, and form questions marked required) now display * in their labels/placeholders
• Updated JobApplicationForm.jsx — all form fields (name, email, location, phone, company, website, resume, answers) are reset after a successful submission
• Updated JobApplicationForm.jsx — "Click to know more about this position" now navigates to the job's external jobDetailsLink when available; falls back to an inline description modal when no link exists
• Updated JobApplicationForm.jsx — submission payload switched from JSON to multipart/form-data to support optional resume file upload
• Updated JobApplicationForm.jsx — 409 response from backend is caught and shown as "Application already submitted" toast, preventing duplicate submissions
• Updated JobApplicationForm.jsx — position dropdown commented out temporarily as it is not retrieving form data as expected; search by job title input remains functional
• Updated JobApplicationForm.module.css — added linkButton style for the accessible fallback "know more" trigger
• Fixed jsx-a11y/anchor-is-valid lint error — replaced <a href="#"> used as a button with a proper <button> element

How to test

1. Check out this branch alongside the backend PR (Peizhou_fix the Save Changes button hover issue #2318)
2. Run npm install then start the dev server
3. Clear site data/cache
4. Log in as any user
5. Go to dashboard → Collaboration, click any job role to navigate to /job-application
6. Verify required fields show * on Name, Email, and required questions
7. Try submitting with empty Name or Email — verify the toast lists the missing fields
8. Submit a complete application — verify all fields clear after the success toast
9. Submit again with the same email — verify "Application already submitted" toast appears
10. Verify "Click to know more about this position" opens a new tab when a jobDetailsLink exists, or opens the description modal when it does not
11. Attach a resume file and submit — verify it is included in the request (DevTools → Network → request payload shows multipart/form-data with a resume field)

Screenshots or videos of changes

Note

The position dropdown in the top-right is intentionally commented out pending a fix to how it retrieves and maps form data. The job title search input on the left remains fully functional as an alternative.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	6db612b
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6a8d12bc812cbc0008d973fe
😎 Deploy Preview	https://deploy-preview-5469--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
🤖 Make changes	Run an agent on this branch

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[sonarqubecloud]

Quality Gate passed

Issues
8 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud