Angular material mdc migration

[bastianjoel]

With angular 15 there was an update for the angular material components.

Currently we are using MatLegacy... modules which should be replaced in the near future with the new MDC components.

There is a migration tool which automatically replaces the used modules and updates some other things. However this needs testing and manual intervention in at least most cases. For that the migration tool has a feature to do this migration only for specific modules (which has the drawback that the main styles.scss will not be modified).

A migration guide can be found here: https://material.angular.io/guide/mdc-migration

Components to migrate

• Autocomplete
• Button Update material buttons #3703
• Card Update mdc cards #3487
• Checkbox Update material checkbox #3696
• Chips
• Dialog Update mdc dialog #3397
• Form Field Update mdc form components #3002
• Input Update mdc form components #3002
• List
• Menu
• Option / Optgroup Update mdc form components #3002
• Paginator
• Progress Bar Update mdc snackbar, progress bar, spinner #3097
• Progress Spinner Update mdc snackbar, progress bar, spinner #3097
• Radio Update material radio-buttons #3001
• Select Update mdc form components #3002
• Slide Toggle
• Slider Update material tabs and slider to mdc #2998
• Snack Bar Update mdc snackbar, progress bar, spinner #3097
• Table Update material table #3694
• Tabs Update material tabs and slider to mdc #2998
• Tooltip Migrate mdc tooltips #2999

[bastianjoel]

When working on this: Do not try to stick to the old appearance too much and just adapt the changes from the library. This will make our life easier especially with the upcoming material design 3 update.