Development: Extract client duplicates into re-usable components

[aplr]

Checklist

General

• I tested all changes and their related features with all corresponding user types on a test server.
• This is a small issue that I tested locally and was confirmed by another developer on a test server.
• Language: I followed the guidelines for inclusive, diversity-sensitive, and appreciative language.
• I chose a title conforming to the naming conventions for pull requests.

Client

• Important: I implemented the changes with a very good performance, prevented too many (unnecessary) REST calls and made sure the UI is responsive, even with large data.
• I followed the coding and design guidelines.
• Following the theming guidelines, I specified colors only in the theming variable files and checked that the changes look consistent in both the light and the dark theme.
• I added multiple integration tests (Jest) related to the features (with a high test coverage), while following the test guidelines.
• I documented the TypeScript code using JSDoc style.
• I translated all newly inserted strings into English and German.

Motivation and Context

While implementing new features in Artemis, components have been duplicated. This PR extracts those duplicate components into reusable ones and replaces the original implementations.

Description

The following components are affected:

confirm-entity-name

• Replaced inline-implementation in delete-dialog component
• Replaced inline-implementation in data-export-confirmation component
• Replaced inline-implementation in reset-repo-button component

working-time-control

• Replaced the inline-implementation in student-exam-detail component

Steps for Testing

Delete dialog

Prerequisites:

• 1 Instructor
• Some resource to delete

1. Log in to Artemis
2. Navigate to Course Administration
3. Open a course, exam, ...
4. Check if the delete dialog still works

Exam working time change

Prerequisites:

• 1 Instructor
• 1 Exam

1. Log in to Artemis
2. Navigate to Exam management
3. Check if you can still edit the working time w/ the working time dialog

Student exam working time change

Prerequisites:

• 1 Instructor
• 1 Exam

1. Log in to Artemis
2. Navigate to Exam management
3. Open the student exam details
4. Check if you can still edit the individual student exam working time, both absolute and relative

Review Progress

Code Review

• Code Review 1
• Code Review 2

Manual Tests

• Test 1
• Test 2

Test Coverage

Screenshots

(no changes, just refactoring)

[Strohgelaender]

Is this PR ready to review? It has the label but is still in draft state.

[aplr]

@Strohgelaender yes it is forgot to put it out of draft mode

[milljoniaer]

Tested on ts4

• Course, Exam, Exercise Creation and Deletion
• Exam Time change in general and for specific students

works as expected

[Gusti2010]

Tested manually on Ts2_Legacy and worked as expected!
Ts11_Legacy could not create exams for the students. However this is not related to this PR.

[github-actions]

There hasn't been any activity on this pull request recently. Therefore, this pull request has been automatically marked as stale and will be closed if no further activity occurs within seven days. Thank you for your contributions.

[reschandreas]

reapprove after code change