Redesign form navigation for ODK-X Survey

[Cveman1]

This issue is a lift off from #359

The navigation between forms pages in ODK-X Survey is not well presented and does not fit long form names well.

Why this needs to be improved:

• Long form names do not fit in the button
• The layout 'breaks' on some devices
• The design should be updated in line with the ODK-X Design Guidelines

Guidance for this issue:

• Familiarize yourself with Survey navigation within a form
• Provide a redesign of the navigation that improves on the issues above
• Write a brief description including a rationale for the design that you applied
• Post the description and screenshots back to this issue

Design Guidelines:

Colours, icons and other user interface elements used should conform to the ODK-X Design Guidelines

Outreachy

This issue is for Outreachy application for the project UI improvements to ODK-X Tables and Survey

Multiple people can work on this issue simultaneously.

You do NOT need to be assigned to this issue to work on it for an Outreachy application

[ademolaomosanya]

would love to work on this issue kindly assign me

[teelda]

Description;

The design presented above solves the navigation between form pages and gives more room for longer form names.

Colours, icons, spacing, fonts and other user interface elements used conforms to the ODK-X Design Guidelines

I am open to feedback and further iterations. Thank you

[Cveman1]

Hi @ademolaomosanya, you don't need to be assigned to this issue to work on it for an Outreachy application

[NiranjanNlc]

@Cveman1 please review my pull request

[Cveman1]

@Cveman1 please review my pull request

@Redeem-Grimm-Satoshi would help you with review a pull request better

[NiranjanNlc]

@Cveman1 please review my pull request

@Redeem-Grimm-Satoshi would help you with review a pull request better

@Redeem-Grimm-Satoshi upto you ..........

[Cvr421]

Hello @teelda Can i work on this issue as outreachy appplicant 2024.

[maprehensive]

Hello @teelda Can i work on this issue as outreachy appplicant 2024.

Go ahead @Cvr421 - no need to be assigned to this issue to work on it for your application.

[Cvr421]

Hello @teelda Can i work on this issue as outreachy appplicant 2024.

Go ahead @Cvr421 - no need to be assigned to this issue to work on it for your application.

Thanks @maprehensive