fix: set max-content-width 1440px on all content-layout instances

Author: piotrekwitkowski

src/pages/components/[name].astro

@@ -22,7 +22,7 @@ const breadcrumbs = [
 ];
 ---
 <BaseLayout title={title} breadcrumbs={breadcrumbs} activeComponentId={comp.id}>
-  <cs-content-layout default-padding>
+  <cs-content-layout default-padding max-content-width="1440">
     <cs-header slot="header" variant="h1" description={`${comp.data.description} — <cs-${comp.data.component}>`}>
       {title}
     </cs-header>

src/pages/components/index.astro

@@ -10,7 +10,7 @@ const breadcrumbs = [
 ];
 ---
 <BaseLayout title="Components" breadcrumbs={breadcrumbs}>
-  <cs-content-layout default-padding>
+  <cs-content-layout default-padding max-content-width="1440">
     <cs-header slot="header" variant="h1" description={`${components.length} components available.`}>
       Components
     </cs-header>

src/pages/index.astro

@@ -6,7 +6,7 @@ const components = await getCollection('components');
 const breadcrumbs = [{ text: 'Home', href: '/' }];
 ---
 <BaseLayout title="Home" breadcrumbs={breadcrumbs} disableContentPaddings>
-  <cs-content-layout default-padding header-variant="high-contrast" header-background-style="linear-gradient(135deg, #0f1b2d 0%, #232f3e 50%, #1a3a5c 100%)">
+  <cs-content-layout default-padding max-content-width="1440" header-variant="high-contrast" header-background-style="linear-gradient(135deg, #0f1b2d 0%, #232f3e 50%, #1a3a5c 100%)">
     <div slot="header" class="hero">
       <cs-space-between size="xs" direction="vertical">
         <h1 class="hero-title">Cumulus UI</h1>