New Psychiatrist Questionnaire Flow

[amywu4]

For this ticket, we will be implementing the Questionnaire that Psychiatrists have to fill out when they create a new account. For now, we will just focus on the questionnaire itself rather than connecting to it specifically when a Psychiatrist creates a new account. We will implement this via the following steps:

• In frontend/src/components/, create a folder called /psychQuestionnaire to store the files of the components you will need for this ticket, and create a route for it in frontend/src/pagescalled /psych_questionnaire.tsx
• In frontend/src/assets/, create three files called progressbar0.svg, progressbar33.svg, and progressbar67.svg. In the OKB Figma, get the svg codes for these three progress bars and add them to these files.
• The Psychiatrist Questionnaire has three different form pages connected together through "Next" and "Back" buttons, alongside a progress bar that shows how much of the Questionnaire has been completed. Following the structure of the already existing patient questionnaire flow in the frontend/src/components/patientQuestionnaire/ folder, implement the three forms, and connect them together, using the "Next" and "Back" buttons.

Although the three pages in this ticket are forms, they should use pretty much the same logic. Follow the structure of the already existing patient questionnaire flow in the frontend/src/components/patientQuestionnaire/ folder, as they are basically the same thing.

This image illustrates how the Progress bar should be filled.

[amywu4]

LGTM :)