Add Questions for User to the TodoDetails l page

[kleneway]

Description

Introduce a new component, Questions for User, to the to-do detail page. This component will specifically display question types intended for user interaction, separate from the existing research questions. Additionally, it should include a form that allows users to submit their answers.

Current Behavior

• The to-do detail page lists all research questions and displays them in the Research component.
• Currently, all question types are treated uniformly without differentiation.

Proposed Behavior

• Questions for User Component:

  • Displays only the question types designated for user interaction.
  • Includes a form above the Research component for users to enter and submit answers.
  • Utilizes a blue color scheme (Aurora) differentiating it from other to-do detail components while maintaining a similar design language.

• Research Component:

  • Continues to display all other research questions excluding those with type "questions for users".

Requirements

1. Component Creation:

   • Develop a new component named QuestionsForUser.
   • Design the component to match the existing to-do details components in layout but with a distinct blue (Aurora) color scheme.

2. Filtering Logic:

   • Implement functionality to filter research items and display only research items with user-specific question types in the QuestionsForUser component.
   • Ensure that non-user research questions remain in the existing Research component.

3. Form Integration:

   • Add a form above the Research component within the QuestionsForUser component.
   • The form should allow users to view the research item with the question and edit the answers to the questions displayed.

4. Integration with To-Do Detail Page:

   • Wire the QuestionsForUser component into the to-do detail page.
   • Ensure seamless integration without disrupting existing functionalities.

Acceptance Criteria

• [ ] A new QuestionsForUser component is created and styled with a blue (Aurora) color scheme.
• [ ] Only user-specific question types are displayed within the QuestionsForUser component.
• [ ] A functional form is present above the Research component, allowing users to submit answers to the questions that were asked as part of the research phase
• [ ] Upon submission, user answers are correctly handled and stored. Update an existing trpc route.
• [ ] The existing Research component continues to display non-user research questions without interference.
• [ ] The new component integrates seamlessly with the to-do detail page without affecting existing functionalities.
• [ ] Designs are consistent with other to-do detail components, with the appropriate color scheme applied.

Design References

• Review existing to-do detail components to ensure design consistency.
• Apply a blue (Aurora) color scheme to the QuestionsForUser component.

@jacob-ai-bot --skip-build

[jacob-ai-bot[bot]]

JACoB here...

You mentioned me on this issue and I am busy taking a look at it.

I'll continue to comment on this issue with status as I make progress.

[jacob-ai-bot[bot]]

Update

I've completed my work on this issue and have created a pull request: JACoB PR for Issue Add Questions for User to the TodoDetails l page.

Please review my changes there.