[test] Fix linting error by matching main component demo name to filename (#38122)

Author: ZeeshanTamboli

docs/data/material/customization/palette/ContrastThreshold.js

@@ -29,7 +29,7 @@ function ContrastShowcase({ title }) {
   );
 }
 
-export default function contrastThreshold() {
+export default function ContrastThreshold() {
   return (
     <Stack direction="row" gap={4}>
       <ThemeProvider theme={defaultContrastThresholdTheme}>

docs/data/material/customization/palette/ContrastThreshold.tsx

@@ -29,7 +29,7 @@ function ContrastShowcase({ title }: { title: string }) {
   );
 }
 
-export default function contrastThreshold() {
+export default function ContrastThreshold() {
   return (
     <Stack direction="row" gap={4}>
       <ThemeProvider theme={defaultContrastThresholdTheme}>

docs/data/material/customization/palette/ManuallyProvideCustomColor.js

@@ -15,7 +15,7 @@ const theme = createTheme({
   },
 });
 
-export default function Palette() {
+export default function ManuallyProvideCustomColor() {
   return (
     <ThemeProvider theme={theme}>
       <Stack gap={2} alignItems="center">

docs/data/material/customization/palette/ManuallyProvideCustomColor.tsx

@@ -33,7 +33,7 @@ const theme = createTheme({
   },
 });
 
-export default function Palette() {
+export default function ManuallyProvideCustomColor() {
   return (
     <ThemeProvider theme={theme}>
       <Stack gap={2} alignItems="center">

docs/data/material/customization/palette/ManuallyProvidePaletteColor.js

@@ -46,7 +46,7 @@ function ColorShowcase({ color }) {
   );
 }
 
-export default function Palette() {
+export default function ManuallyProvidePaletteColor() {
   return (
     <ThemeProvider theme={theme}>
       <Stack direction="row" gap={8}>

docs/data/material/customization/palette/ManuallyProvidePaletteColor.tsx

@@ -46,7 +46,7 @@ function ColorShowcase({ color }: { color: 'primary' | 'secondary' }) {
   );
 }
 
-export default function Palette() {
+export default function ManuallyProvidePaletteColor() {
   return (
     <ThemeProvider theme={theme}>
       <Stack direction="row" gap={8}>

docs/data/material/customization/palette/UsingAugmentColor.js

@@ -21,7 +21,7 @@ theme = createTheme(theme, {
   },
 });
 
-export default function Palette() {
+export default function UsingAugmentColor() {
   return (
     <ThemeProvider theme={theme}>
       <Stack gap={2} alignItems="center">

docs/data/material/customization/palette/UsingAugmentColor.tsx

@@ -39,7 +39,7 @@ theme = createTheme(theme, {
   },
 });
 
-export default function Palette() {
+export default function UsingAugmentColor() {
   return (
     <ThemeProvider theme={theme}>
       <Stack gap={2} alignItems="center">

docs/data/material/customization/palette/UsingColorObject.js

@@ -11,7 +11,7 @@ const theme = createTheme({
   },
 });
 
-export default function Palette() {
+export default function UsingColorObject() {
   return (
     <ThemeProvider theme={theme}>
       <Stack direction="row" gap={4}>

docs/data/material/customization/palette/UsingColorObject.tsx

@@ -11,7 +11,7 @@ const theme = createTheme({
   },
 });
 
-export default function Palette() {
+export default function UsingColorObject() {
   return (
     <ThemeProvider theme={theme}>
       <Stack direction="row" gap={4}>

docs/data/material/customization/palette/UsingStylesUtils.js

@@ -23,7 +23,7 @@ const theme = createTheme({
   },
 });
 
-export default function Palette() {
+export default function UsingStylesUtils() {
   return (
     <ThemeProvider theme={theme}>
       <Stack gap={2} alignItems="center">

docs/data/material/customization/palette/UsingStylesUtils.tsx

@@ -41,7 +41,7 @@ const theme = createTheme({
   },
 });
 
-export default function Palette() {
+export default function UsingStylesUtils() {
   return (
     <ThemeProvider theme={theme}>
       <Stack gap={2} alignItems="center">