Angular Upgrade v20

[KhizerRehan]

What this PR does / why we need it:
This PR upgrades the Angular framework and related dependencies from version 19 to version 20, along with updating Material Design component CSS custom properties from the deprecated --mdc-* prefix to the new --mat-* prefix.

Which issue(s) this PR fixes:

Fixes #7685

What type of PR is this?

Special notes for your reviewer:

• Material Component variables names has been updated therefore have to manually update --mdc-* prefix to the new --mat prefix along with variable names

Does this PR introduce a user-facing change? Then add your Release Note here:

Upgrade to Angular 20 with Material Design CSS prefix migration from --mdc-* to --mat-*

Documentation:

NONE

[kubermatic-bot]

Skipping CI for Draft Pull Request.
If you want CI signal for your change, please convert it to an actual PR.
You can still manually trigger a test run with /test all

[KhizerRehan]

/test all

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 44.92%. Comparing base (cedce4b) to head (29bc40d).

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #7601   +/-   ##
=======================================
  Coverage   44.92%   44.92%           
=======================================
  Files         443      443           
  Lines       19889    19889           
  Branches     2772     2772           
=======================================
  Hits         8935     8935           
  Misses      10951    10951           
  Partials        3        3           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[KhizerRehan]

/test all

[KhizerRehan]

/test all

[KhizerRehan]

/test all

[kubermatic-bot]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by:
Once this PR has been reviewed and has the lgtm label, please ask for approval from khizerrehan. For more information see the Code Review Process.

The full list of commands accepted by this bot can be found here.

Needs approval from an approver in each of these files:

• modules/web/OWNERS
• modules/web/src/OWNERS

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[KhizerRehan]

/test all

[KhizerRehan]

/test pre-dashboard-web-integration-tests-ce

[kubermatic-bot]

@KhizerRehan: The specified target(s) for /test were not found.
The following commands are available to trigger required jobs:

/test pre-dashboard-validate-prow-yaml

Use /test all to run all jobs.

In response to this:

/test pre-dashboard-web-integration-tests-ce

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes-sigs/prow repository.

[KhizerRehan]

/test pre-dashboard-web-integration-tests-ce

[kubermatic-bot]

@KhizerRehan: The specified target(s) for /test were not found.
The following commands are available to trigger required jobs:

/test pre-dashboard-validate-prow-yaml

Use /test all to run all jobs.

In response to this:

/test pre-dashboard-web-integration-tests-ce

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes-sigs/prow repository.