feat: open response assesment detail (problem steps) UI

[BryanttV]

ref: openedx#263

Description

This PR allows us to see in detail each step of an open response, which means Training, Peer, Self, and Staff, and can also see feedback received and feedback given.

Responses List

Before	Now

Assessments Feedback Received

Assessments Feedback Given

Here's what you see in the video explained:

• There is an ORA open response type Staff Assessment Only.
• The instructor opens the new experience of ORA that contains the submissions of that Open response.
• The instructor can see the details and more information, such as email, full name, list of responses, and feedback in detail.

Why are we proposing these changes?

This improvement enables instructors to access detailed information for each Open Response, making it easier for them to review ORA responses and maintain better control over the feedback process.

Dependencies

• edx-platform: feat: update initialize endpoint and create assessments/feedback endpoint in ORA Staff Grader openedx/edx-platform#33632 (Merged)
• edx-ora2: feat: update initialize endpoint and create assessments/feedback endpoint in ORA Staff Grader openedx/edx-ora2#2101 (Merged)

Testing Instructions

Using Tutor:

1. Clone this repository in your environment and checkout to this branch.
2. Into the repo run nvm use && npm install
3. Create a mount of this MFE with tutor mounts add frontend-app-course-authoring
4. Run tutor dev start -d to create the new container of ORA Grading.
5. From Studio create a unit with an open response type Staff Assessment Only.
6. From LMS submit the response.
7. Go to the Instructor Tab > Open Responses.
8. In the unit click on View and grade responses. Here you can see the new fields added to the table (Email, Problem steps, and Action)
9. Click in View details, and look at the new assessment tables.

[johnvente]

Why are you changing this? The mockup in the Figma doesn't look like this

[BryanttV]

From the API it is returned as assessment_id, I modified it for consistency. But it could be left as it looks in the mockup.

[johnvente]

Minor suggestion: If we had more options this way I could add more promises

const feedbackListTypesResponses = {
 'received':  api.getFeedbackFromList(submissionUUID), 
 'given': api.getFeedbackToList(submissionUUID), 
};

const response = feedbackListTypes[feedbackListType] || Promise.resolve({ assessments: [] });

const data = await response;

[BryanttV]

Thanks for the suggestion! Done

[johnvente]

Hi there @BryanttV! Thanks for doing this. I left a couple of minor comments. Probably this will need some tests I will be cheking out that later