Narrow component prop types, remove unused props and dead code (#2838)

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>

shared/components/marketing/hero/Side.astro

@@ -28,7 +28,7 @@ const typedId = 'typed'
       </div>
       <div class="col-md-6">
         <div class="hero-img-side">
-          <Carousel id="carousel-controls" slideCount={3} interval={4000}>
+          <Carousel id="carousel-controls" interval={4000}>
             <div class="carousel-item active">
               <Illustration image="boy-with-key.svg" class="d-block mx-auto" height="350" />
             </div>

shared/components/marketing/sections/Cta.astro

@@ -3,13 +3,12 @@ import Button from '@ui/Button.astro'
 import ButtonList from '@ui/ButtonList.astro'
 
 interface Props {
-  background?: string
   class?: string
 }
 
-const { background, class: className } = Astro.props
+const { class: className } = Astro.props
 
-const sectionClass = ['section', background && `section-${background}`, className]
+const sectionClass = ['section', className]
 ---
 
 <section class:list={sectionClass}>

shared/components/marketing/sections/Features.astro

@@ -1,20 +1,16 @@
 ---
-import SectionDivider from '../SectionDivider.astro'
 import Icon from '@ui/Icon.astro'
 
 interface Props {
-  background?: string
   class?: string
-  divider?: string
 }
 
-const { background, class: className, divider } = Astro.props
+const { class: className } = Astro.props
 
-const sectionClass = ['section', background && `section-${background}`, className]
+const sectionClass = ['section', className]
 ---
 
 <section class:list={sectionClass}>
-  <SectionDivider divider={divider} />
   <div class="container">
     <div class="row items-center text-center g-lg-10">
       <div class="col-md-6 col-lg">

shared/components/marketing/sections/Features2.astro

@@ -1,20 +1,17 @@
 ---
-import SectionDivider from '../SectionDivider.astro'
 import Icon from '@ui/Icon.astro'
 
 interface Props {
   background?: string
   class?: string
-  divider?: string
 }
 
-const { background, class: className, divider } = Astro.props
+const { background, class: className } = Astro.props
 
 const sectionClass = ['section', background && `section-${background}`, className]
 ---
 
 <section class:list={sectionClass}>
-  <SectionDivider divider={divider} />
   <div class="container">
     <div class="section-header">
       <h2 class="section-title">Everything you need to deploy your app</h2>

shared/components/marketing/sections/Features3.astro

@@ -1,20 +1,17 @@
 ---
-import SectionDivider from '../SectionDivider.astro'
 import Icon from '@ui/Icon.astro'
 
 interface Props {
   background?: string
   class?: string
-  divider?: string
 }
 
-const { background, class: className, divider } = Astro.props
+const { background, class: className } = Astro.props
 
 const sectionClass = ['section', background && `section-${background}`, className]
 ---
 
 <section class:list={sectionClass}>
-  <SectionDivider divider={divider} />
   <div class="container">
     <div class="section-header">
       <h2 class="section-title">Everything you need to deploy your app</h2>

shared/components/marketing/sections/Pricing.astro

@@ -2,13 +2,12 @@
 import Icon from '@ui/Icon.astro'
 
 interface Props {
-  background?: string
   class?: string
 }
 
-const { background, class: className } = Astro.props
+const { class: className } = Astro.props
 
-const sectionClass = ['section', background && `section-${background}`, className]
+const sectionClass = ['section', className]
 ---
 
 <section class:list={sectionClass}>

shared/components/marketing/sections/PricingBanner.astro

@@ -1,13 +1,7 @@
 ---
 import Icon from '@ui/Icon.astro'
 
-interface Props {
-  background?: string
-}
-
-const { background } = Astro.props
-
-const sectionClass = ['section', background && `section-${background}`]
+const sectionClass = ['section']
 ---
 
 <section class:list={sectionClass}>

shared/components/marketing/sections/Subscribe.astro

@@ -2,13 +2,12 @@
 import Icon from '@ui/Icon.astro'
 
 interface Props {
-  background?: string
   class?: string
 }
 
-const { background, class: className } = Astro.props
+const { class: className } = Astro.props
 
-const sectionClass = ['section', background && `section-${background}`, className]
+const sectionClass = ['section', className]
 ---
 
 <section class:list={sectionClass}>

shared/components/marketing/sections/Testimonials.astro

@@ -13,15 +13,14 @@ interface Person {
 }
 
 interface Props {
-  background?: string
   class?: string
   limit?: number
   hideHeader?: boolean
 }
 
-const { background, class: className, limit = 99, hideHeader } = Astro.props
+const { class: className, limit = 99, hideHeader } = Astro.props
 
-const sectionClass = ['section', background && `section-${background}`, className]
+const sectionClass = ['section', className]
 
 // Slice testimonials and split into 3 columns.
 const list = (testimonials as string[]).slice(0, limit)