feat(SW-650): added sitewide alert to use sticky position hook

components/SitewideAlert/index.tsx

@@ -1,8 +1,6 @@
 import { getSiteConfig } from "@/lib/trpc/memoizedRequests"
 
-import Alert from "../TempDesignSystem/Alert"
-
-import styles from "./sitewideAlert.module.css"
+import SiteWideAlertClient from "./Client"
 
 export function preload() {
   void getSiteConfig()
@@ -15,19 +13,5 @@ export default async function SitewideAlert() {
     return null
   }
 
-  const { sitewideAlert } = siteConfig
-  return (
-    <div className={`${styles.sitewideAlert} ${styles[sitewideAlert.type]}`}>
-      <Alert
-        variant="banner"
-        type={sitewideAlert.type}
-        link={sitewideAlert.link}
-        phoneContact={sitewideAlert.phoneContact}
-        sidepeekCtaText={sitewideAlert.sidepeekButton?.cta_text}
-        sidepeekContent={sitewideAlert.sidepeekContent}
-        heading={sitewideAlert.heading}
-        text={sitewideAlert.text}
-      />
-    </div>
-  )
+  return <SiteWideAlertClient alert={siteConfig.sitewideAlert} />
 }