Updated area field with dropdown

Description: 🔧 Feature Update: Area Field Changed to Dropdown with "Other" Option ✅ What was changed:

The Area field in the form has been updated from a free-text input to a dropdown (select box).

This dropdown now contains a predefined list of cities/areas to standardize input and reduce errors.

➕ New Functionality:

If the user's city or area is not listed in the dropdown, they can now select the "Other" option.

When "Other" is selected, an additional text input appears, allowing the user to manually enter a new city or area name.

Type of Change:

• Bug Fix
• Feature Development
• Documentation

Testing:

• Tested on desktop
• Tested on mobile
• Tested in different browsers

Screenshots (if applicable):

Add screenshots for UI changes.

Video Demo

Add a link to the demo of the PR

If you have used AI create this PR, please also record video of yourself explaining the changes.

Link to code walkthrough

Checklist:

• Code follows project style guidelines
• Self-review completed
• No console errors
• JavaScript types are correct