✨ feat(job type field): crate and edit job type list

[kyawzinthant-coding]

feat: Replace Job Type free-text input with smart combobox dropdown

🎯 Summary

Replaced the plain text input for Job Type field on job write/edit forms with
a reusable JobTypeSelect component. The new component provides predefined
job type options as helpful suggestions while allowing users to enter
completely custom values.

📋 What Changed

Files Modified

• NEW src/components/Ui/JobTypeSelect/JobTypeSelect.tsx - Reusable
  smart combobox component
• src/app/jobs/write/JobWriteClient.tsx - Uses new JobTypeSelect component
• src/app/jobs/edit/JobEditClient.tsx - Uses new JobTypeSelect component
• messages/en.json - Added tagOptions.* translation keys
• messages/mm.json - Added Myanmar translations

Features

✅ Editable input - Users can type any custom job type
✅ Smart suggestions - Dropdown shows filtered predefined options
✅ Beautiful UI - Styled with backdrop-blur, gradient dividers, smooth
animations
✅ Reusable - Single component used in both write & edit forms
✅ Accessible - Click outside to close, keyboard support
✅ Fully localized - English & Myanmar language support

Predefined Job Types

• Full-time (အချိန်ပြည့်)
• Part-time (အချိန်ပိုင်း)
• Remote (အဝေးမှ)
• Contract (စာချုပ်)
• Freelance (လွတ်လပ်သော)
• Internship (အလုပ်သင်)

🎮 How It Works

User Flow

1. Click input → Opens editable field
2. Start typing → Dropdown shows matching predefined suggestions
3. Select from suggestions → Click to choose
4. Or type custom value → Any non-matching input is accepted
5. Save job → Custom or predefined value is persisted

Edit Existing Job

• Previously selected job type is pre-populated
• Users can modify using same flow
• Changes are auto-saved

✅ Testing Checklist

• Job Write Form (/jobs/write)

  • Type "Full" → shows "Full-time" suggestion
  • Click suggestion → selects it
  • Type "Hybrid" → accepts custom value
  • Clear button works
  • Dropdown closes on click outside

• Job Edit Form (/jobs/edit?id=<jobId>)

  • Previously saved job type is pre-populated
  • Can modify and save changes
  • Changes persist

• Localization

  • English version shows English options
  • Myanmar version shows Myanmar translations

---

Work of validation

job-type-compressed.mp4

[lwinmoepaing]

LGTM 💯 Looks good to me. Nice work!