Update MenuSelect prop types to support MUI v5.15.11 types

As of
mui/material-ui#39137, MUI's `SelectProps` is
now a `type` and not an `interface`, so we can no longer `extend` it for
our own `MenuSelectProps`. As such, we now make `MenuSelectProps` a
`type` and use `&` syntax to inject additional props. This should
support both MUI < v5.15.11 (where `SelectProps` is an `interface`) and
>= 5.15.11 (where `SelectProps` is a `type`).

src/controls/MenuSelectFontFamily.tsx

@@ -29,8 +29,10 @@ export type FontFamilySelectOption = {
   label?: ReactNode;
 };
 
-export interface MenuSelectFontFamilyProps
-  extends Except<MenuSelectProps<string>, "value" | "children"> {
+export type MenuSelectFontFamilyProps = Except<
+  MenuSelectProps<string>,
+  "value" | "children"
+> & {
   /**
    * Provide the list of font families to show as options.
    */
@@ -56,7 +58,7 @@ export interface MenuSelectFontFamilyProps
    * default shows "Font".
    */
   emptyLabel?: React.ReactNode;
-}
+};
 
 const useStyles = makeStyles({ name: { MenuSelectFontFamily } })({
   selectInput: {

src/controls/MenuSelectFontSize.tsx

@@ -36,8 +36,10 @@ export type FontSizeSelectOptionObject = {
  */
 export type FontSizeSelectOption = string | FontSizeSelectOptionObject;
 
-export interface MenuSelectFontSizeProps
-  extends Except<MenuSelectProps<string>, "value" | "children"> {
+export type MenuSelectFontSizeProps = Except<
+  MenuSelectProps<string>,
+  "value" | "children"
+> & {
   /**
    * Override the list of the size option strings shown in the dropdown.
    */
@@ -66,7 +68,7 @@ export interface MenuSelectFontSizeProps
   emptyLabel?: React.ReactNode;
   /** @deprecated Use `emptyLabel` prop instead. */
   emptyValue?: React.ReactNode;
-}
+};
 
 const useStyles = makeStyles({ name: { MenuSelectFontSize } })({
   selectInput: {

src/controls/MenuSelectHeading.tsx

@@ -10,11 +10,10 @@ import { getAttributesForEachSelected } from "../utils/getAttributesForEachSelec
 import MenuButtonTooltip from "./MenuButtonTooltip";
 import MenuSelect, { type MenuSelectProps } from "./MenuSelect";
 
-export interface MenuSelectHeadingProps
-  extends Except<
-    MenuSelectProps<HeadingOptionValue | "">,
-    "value" | "children"
-  > {
+export type MenuSelectHeadingProps = Except<
+  MenuSelectProps<HeadingOptionValue | "">,
+  "value" | "children"
+> & {
   /**
    * Override the default labels for the select options. For any value that
    * is omitted in this object, it falls back to the default content.
@@ -43,7 +42,7 @@ export interface MenuSelectHeadingProps
     /** @deprecated Use `labels.empty` instead. */
     emptyValue?: React.ReactNode;
   };
-}
+};
 
 const useStyles = makeStyles({ name: { MenuSelectHeading } })((theme) => {
   const editorStyles = getEditorStyles(theme);

src/controls/MenuSelectTextAlign.tsx

@@ -41,8 +41,10 @@ export type TextAlignSelectOption = {
   shortcutKeys?: MenuButtonTooltipProps["shortcutKeys"];
 };
 
-export interface MenuSelectTextAlignProps
-  extends Except<MenuSelectProps<string>, "children"> {
+export type MenuSelectTextAlignProps = Except<
+  MenuSelectProps<string>,
+  "children"
+> & {
   /**
    * Override the options shown for text alignment. Use this to change the
    * label, icon, tooltip, and shortcut keys shown for each option, and/or the
@@ -74,7 +76,7 @@ export interface MenuSelectTextAlignProps
    * font size, for instance).
    */
   emptyLabel?: React.ReactNode;
-}
+};
 
 const useStyles = makeStyles({ name: { MenuSelectTextAlign } })((theme) => ({
   selectInput: {