Neeraj Fix Job Application Form

[Neeraj-Kondaveeti]

Description

Related PRS (if any):

This frontend PR is related to the development backend branch.

Main changes explained:

• Updated JobApplicationForm.jsx

  • Implemented normalized deduplication using normalizeTitleKey to remove duplicate questions
  • Added real-time and submit validation for numeric-only input for "Hours per week"
  • Replaced text input with dropdown for "Individual vs Organization" question
  • Ensured only dropdown renders (removed textarea/textbox override for this question)
  • Integrated native date picker (type="date") for "Start Date"
  • Added inline validation error messages and visual feedback (red border)

• Updated JobApplicationForm.module.css

  • Adjusted styling for improved layout and responsiveness
  • Fixed dropdown appearance issues (including arrow duplication)

How to test:

1. check into current branch
2. do npm install and ... to run this PR locally
3. Clear site data/cache
4. log as admin user
5. Navigate to: http://localhost:5173/job-application
6. Verify the following:
   • Logo size is properly reduced
   • Top-right dropdown displays correctly (no duplicate arrows)
   • First Name and Last Name fields are separate
   • "Are you applying as an individual or organization?" shows a dropdown
   • "Hours per week" field:
     • Shows error for non-numeric input
   • "Start Date" shows a calendar picker
   • No duplicate questions are displayed

Screenshots or videos of changes:

Note:

N/A

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	458f222
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69f956fc9a215e00086bc80e
😎 Deploy Preview	https://deploy-preview-5228--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
3 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

[kunchalasireesha]

PR-5228.mov

Hi Neeraj, the local testing looks great! One quick thing: Sonar is flagging an error in JobApplicationForm.jsx. Can you clear that up before the merge? Thanks!"

[sundarmachani]

Tested the changes locally by checking into the current branch, running npm install, and starting the application. Cleared site data/cache, logged in as an admin user, and navigated to http://localhost:5173/job-application. Verified that the logo size is properly reduced, the top-right dropdown displays correctly without duplicate arrows, the First Name and Last Name fields are separated, and the “Are you applying as an individual or organization?” field is shown as a dropdown. Also confirmed that the “Hours per week” field displays validation errors for non-numeric input, the “Start Date” field shows a calendar picker correctly, and no duplicate questions are displayed. All requested changes are working as expected locally. Attached screenshots for verification.