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.91%. Comparing base (7281c28) to head (4536d29).
⚠️ Report is 1 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #7601   +/-   ##
=======================================
  Coverage   44.91%   44.91%           
=======================================
  Files         443      443           
  Lines       19883    19883           
  Branches     3141     3141           
=======================================
  Hits         8931     8931           
  Misses      10314    10314           
  Partials      638      638           

☔ 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

[kubermatic-bot]

@KhizerRehan: The following test failed, say /retest to rerun all failed tests or /retest-required to rerun all mandatory failed tests:

Test name	Commit	Details	Required	Rerun command
pre-dashboard-web-integration-tests-ce	4536d29	link	true	/test pre-dashboard-web-integration-tests-ce

Full PR test history

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. I understand the commands that are listed here.