Development: Migrate the git diff report module to standalone components

[pzdr7]

Checklist

General

• I tested all changes and their related features with all corresponding user types on a test server.
• 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 (e.g. using paging).
• I strictly followed the client coding and design guidelines.

Changes affecting Programming Exercises

• High priority: I tested all changes and their related features with all corresponding user types on a test server configured with the integrated lifecycle setup (LocalVC and LocalCI).

Motivation and Context

The new client coding guidelines specify that we should use signals/standalone components.

Description

• Migrated all components in the GitDiffReportModule to standalone components
• Introduced signals, effects, and the OnPush change detection in those components
• Simplified the layout handling of the diff editor to make it less error-prone

Steps for Testing

Prerequisites:

• Test Server with LocalVC (e.g. TS1-TS3)
• 1 Instructor
• 1 Programming Exercise

1. Navigate to Course management > Your course > Exercises and click the title of your programming exercise.
2. Scroll down to "Review changes" and check that the modal opens as expected.
3. Close the modal.
4. Navigate to the repository view of any repository (e.g. for the template repository. Click the "Code" button and
   to open the repository view).
5. Click "Open commit history" and then on a commit hash
6. Verify that the commit diff is displayed correctly

Testserver States

Note

These badges show the state of the test servers.
Green = Currently available, Red = Currently locked
Click on the badges to get to the test servers.

Review Progress

Performance Review

Code Review

• Code Review 1
• Code Review 2

Manual Tests

• Test 1
• Test 2

Test Coverage

Client

Class/File	Line Coverage	Confirmation (assert/expect)
programming-diff-report-detail.component.ts	100%	✅
programming-exercise-exam-diff.component.ts	97.26%	✅
git-diff-file-panel-title.component.ts	100%	✅
git-diff-file-panel.component.ts	100%	✅
git-diff-file.component.ts	100%	✅
git-diff-line-stat.component.ts	100%	✅
git-diff-report-modal.component.ts	100%	✅
git-diff-report.component.ts	98.66%	✅
monaco-diff-editor.component.ts	98%	✅
monaco-editor.service.ts	100%	✅

Screenshots

No UI changes

Summary by CodeRabbit

Release Notes

• New Features

  • Introduced a new GitDiffLineStatComponent for enhanced line statistics.
  • Added GitDiffReportComponent for improved reporting on Git diffs.

• Improvements

  • Transitioned several components to utilize Angular's reactive signals for better state management.
  • Updated various components to use method calls for property access, enhancing dynamic behavior.
  • Enhanced the Monaco Diff Editor with new styling and automatic layout configuration.

• Bug Fixes

  • Adjusted modal behavior and test cases for better reliability.

• Chores

  • Removed deprecated modules and updated styles for the Monaco Diff Editor.