Area drop down updated

Description: ✨ Enhanced 'Area' Field with Autocomplete Functionality

🔍 Intelligent Autocomplete: Suggestions appear as soon as the user types 3 or more characters.

⚡ Quick Selection: Users can choose from a dropdown list of matching area names — faster than manual typing.

✅ Improved Accuracy: Minimizes typos and enforces standardized area entries.

🎯 Real-Time Matching: Filters options instantly based on input (e.g., typing "miy" shows "Miyapur").

🧩 Better User Experience: Creates a seamless, efficient, and modern registration process. 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