Individual: Organize edit form fields and tabs

[ninetteadhikari]

Is your feature request related to a problem? Please describe. User can click the name of the existing Individual and access the Edit page. The edit page to have 2 tabs:

• Demographics
• Contact

Acceptance Criteria

GIVEN I am a logged in user

AND I navigate to the Form Library main navigation

AND I click on the Individual from dropdown

AND I expect to arrive at the Individual List View page

WHEN I click on the Actions column next to their record, I have the option to EDIT that record

THEN I see the edit page with list of field inputs to add data. The fields are divided into 2 tabs:
Tab one Demographics:
    - First Name (charField)
    - Last Name (charField)
    - Gender → Sex (Male, Female)
    - Age (calculated)
    - Date of birth (calendar pop-up)
    - Household ID: dropdown menu showing Households added; single select field.
    - Head of Household (boolean): checkbox
    - {{Workflow level 1}} This is the custom label for workflow level 1 like Program. This will be a dropdown showing all the programs
Tab 2: Contact
    - ID Type (charField)
    - ID number (charField)
    - Primary number (Integer)
    - Secondary number (integer)
    - Signature (boolean): checkbox
    - Photo (Image upload)

Additional context

[ninetteadhikari]

@myugetsu another ticket to organize the fields in 2 tabs and add the fields listed above in the ticket