fix(material/button): prevents mat-icon being cut off by text-spacing (#30891)

* fix(material/button): prevents mat-icon being cut off with text-spacing vertically

Updates Angular Components Button component specifically for .mat-icon buttons to
add a min-height of min-content to avoid the icon from being cut off on the bottom
when text-spacing is applied.

Fixes b/250063405

* fix(material/button): adds flex-shrink to prevent sides cutoff

Updates previous changes to Angular Components buttons containing
icons and adds flex-shrink: 0; to prevent the sides from being
cut off when text-spacing is applied or on smaller screens.

Fixes b/411228600

* refactor(material/button): fix lint error

Adds comment to fix lint error.

Author: essjay05

src/material/button/button.scss

@@ -9,6 +9,12 @@ $fallbacks: m3-button.get-tokens();
 
 .mat-mdc-button-base {
   text-decoration: none;
+  // Makes button icon not cut off/shrink making the icon visible to fix b/411228600
+  & .mat-icon {
+    // stylelint-disable material/no-prefixes
+    min-height: fit-content;
+    flex-shrink: 0;
+  }
 }
 
 .mdc-button {