16 create addquestions component

[Bdon101]

Developer: Brandon Eng, Grace Boye-Williams

Closes #16

Pull Request Summary

Implement AddQuestions Component:

• Capture a list of IFormQuestions and rerender the AddQuestions component through state management.
• Each question has the actual question being asked, the question fieldType, and an optional options array which will only be displayed if the fieldType is multiple choice.
• Iterate through question array and maps corresponding data to each question that is being displayed.
• Use of event handlers and state management to allow user to edit any question.
• Basic scrollable container for component.

Modifications

• made folder app/components/AddQuestions
• inside AddQuestions folder
  • added AddQuestions.tsx: displays list of formatted questions and allows for making changes to questions
  • added AddQuestions.module.css: basic styling for scrollable container and individual questions

Testing Considerations

Verify that user can properly add questions Verify that user can change questions after they have been added Verify that multiple choice correctly displays options and that user can properly add new options Verify that question changes to short answer when switching question fieldType

Pull Request Checklist

• [x] Code is neat, readable, and works
• [x] Comments are appropriate
• [x] The commit messages follows our guidelines
• [x] The developer name is specified
• [x] The summary is completed
• [x] Assign reviewers

Screenshots/Screencast

[hnadrian]

• Workflow has been re done to add an option first before entering the option
• Converted to ChakraUI code
• Added figma design