fix(material-experimental/mdc-list): do not show pointer cursor for non-interactive list items

The MDC list currently always shows the pointer cursor for all kinds
of list items, regardless of them being interactive or not (through
instantiation of the foundation).

This seems to be unexpected as the pointer cursor incorrectly suggests
interactivity of a list item to users. We manually reset the cursor
for non-interactive list items and report an issue upstream:

material-components/material-components-web#6443

Note: MDC list does no longer seem to support the `non-interactive`
class we previously used, so we replace it with our own.

Author: devversion

src/material-experimental/mdc-list/list-base.ts

@@ -138,7 +138,7 @@ export abstract class MatListItemBase implements AfterContentInit, OnDestroy, Ri
 @Directive()
 /** @docs-private */
 export abstract class MatListBase {
-  @HostBinding('class.mdc-list--non-interactive')
+  @HostBinding('class.mat-mdc-list-non-interactive')
   _isNonInteractive: boolean = true;
 
   /** Whether ripples for all list items is disabled. */

src/material-experimental/mdc-list/list.scss

@@ -105,6 +105,12 @@
   opacity: 0;
 }
 
+// MDC always sets the cursor to `pointer`. We do not want to show this for non-interactive
+// lists. See: https://github.com/material-components/material-components-web/issues/6443
+.mat-mdc-list-non-interactive .mdc-list-item {
+  cursor: default;
+}
+
 // The MDC-based list items already use the `::before` pseudo element for the standard
 // focus/selected/hover state. Hence, we need to have a separate list-item spanning
 // element that can be used for strong focus indicators.