Fix astro check errors

Author: webstackdev

src/components/Forms/Contact/client/__fixtures__/contactForm.fixture.astro

@@ -1,5 +1,5 @@
 ---
-import ContactForm from '../../index.astro'
+import ContactFormComponent from '../../index.astro'
 ---
 
-<ContactForm />
+<ContactFormComponent />

src/components/Toasts/NetworkStatus/index.astro

@@ -15,7 +15,7 @@ import styles from './index.module.css'
 ---
 
 <network-status-toast
-  class:list={['network-status-toast', styles.toastHost]}
+  class:list={['network-status-toast', styles['toastHost']]}
   data-testid="network-status-toast"
 ></network-status-toast>
 

src/pages/testing/carousel.astro

@@ -1,6 +1,6 @@
 ---
 import BaseLayout from '@layouts/BaseLayout.astro'
-import Carousel from '@components/Carousel/index.astro'
+import CarouselComponent from '@components/Carousel/index.astro'
 
 const pageTitle = 'Carousel Testing Ground'
 const pageDescription = 'Dedicated page for validating carousel interactions without relying on marketing pages.'
@@ -21,7 +21,7 @@ const pagePath = '/testing/carousel'
     </p>
   </section>
 
-  <Carousel
+  <CarouselComponent
     title="Featured Case Studies"
     variant="suggested"
     limit={6}

src/pages/testing/consent-preferences.astro

@@ -1,6 +1,6 @@
 ---
 import BaseLayout from '@layouts/BaseLayout.astro'
-import ConsentPreferences from '@components/Consent/Preferences/index.astro'
+import ConsentPreferencesComponent from '@components/Consent/Preferences/index.astro'
 
 const pageTitle = 'Consent Preferences Testing Ground'
 const pageDescription = 'Isolated render of the consent preferences modal for QA and automation coverage.'
@@ -20,5 +20,5 @@ const pagePath = '/testing/consent-preferences'
     </p>
   </section>
 
-  <ConsentPreferences />
+  <ConsentPreferencesComponent />
 </BaseLayout>