E2478: fix for questionnaire UI

[bhandariprerak]

No description provided.

[vihar2712]

For the phase 1, we worked on these improvements:

• Responsive UI: Reorganize frontend layout for intuitive, mobile-friendly, and accessible design.
• Code Clarity: Use clear, descriptive names for variables and methods. Add comprehensive comments for easier understanding and maintenance.
• Efficient HTML Management: Implement partials to reduce redundancy and follow the DRY principle.
• Robust Testing: Expand jest-dom tests to cover all functionality, ensuring reliability and adaptability.

What exactly was improved inside Edit Questionnaire page:

1. Changed variable names which were ambiguous. For example: variable named 'a' was defined for download link which was refactored to downloadLink ; seq was changed to sequence; state variables for review, modal etc... increasing the readability.

2. Also, earlier unnecessary repeating html tags were written increasing the code length which was made shorter by implementing array and rendering it efficiently.

3. Added comments inside the file where necessary describing the code and what it expects to render making it more accessible to other contributors.

4. Added several test cases for the Edit Questionnaire page which involves testing the events like editing the query, adding new question, rendering initial data, etc..