fix: make country as dropdown and add validation for gender

[maze-runnar]

Fixes: #3806
Fixes: #3780
Fixes: #3406

Short description of what this resolves:

In the attendee form validation for gender field was not working so i added it's validation identifier in
gender field.
The second issue was to make country field as drop-down, as it was text before.i added validation for it too. Also refactor the code little for readibility.

1. when gender field is field -
   
   2 - when gender field is not required -
   
   3 - country drop-down with flags -
   
   4 - validate gender when required and not given with country -
   

Checklist

• I have read the Contribution & Best practices Guide.
• My branch is up-to-date with the Upstream development branch.
• The acceptance, integration, unit tests and linter pass locally with my changes
• I have added tests that prove my fix is effective or that my feature works
• I have added necessary documentation (if appropriate)

[snitin315]

@maze-runnar have you checked if the country and gender values are getting saved ?

[snitin315]

also for attendee country change type from text to select in custom-form.js mixin

[maze-runnar]

also for attendee country change type from text to select in custom-form.js mixin

this is a seperate isuue #3406 .

[kushthedude]

Change the value as suggested by @snitin115

[maze-runnar]

also for attendee country change type from text to select in custom-form.js mixin

done 👍

[kushthedude]

A working gif with showing country field is getting saved?

[maze-runnar]

A working gif with showing country field is getting saved?

@kushthedude it's not saving like gender field, as mentioned in issue #3406.
This is not a part of this issue, i think.

[kushthedude]

It is saving just not rendering, also part of same issue, involves same changes.
No need for another micro PR fix it in same

[maze-runnar]

It is saving just not rendering, also part of same issue, involves same changes.
No need for another micro PR fix it in same

Done -

[maze-runnar]

@kushthedude here is full flow of attendee please take a look : https://youtu.be/o3uhEUdhl_8

[snitin315]

Add fixes #3406 in your description as well

[kushthedude]

Squash the commits, and provide a final GIF showing all these changes in action.

[maze-runnar]

Squash the commits, and provide a final GIF showing all these changes in action.

@kushthedude this is final video after all changes : https://youtu.be/o3uhEUdhl_8

[kushthedude]

@iamareebjamal There will be a need for migration in server side, As we have moved on from text to select in Country Field of Attendee dropdown ?

[iamareebjamal]

Yes

[kushthedude]

@maze-runnar Please make a migration for same

[maze-runnar]

@maze-runnar Please make a migration for same

@kushthedude can you please do it for me on server side 🙏

[kushthedude]

To be merged after fossasia/open-event-server#6746

[iamareebjamal]

Could I search the countries before? Using autocomplete?

[kushthedude]

Could I search the countries before? Using autocomplete?

I dont understand before ? But you can search for countries using keywords