chore: add formListId to EventCTASection

packages/docusaurus-playground/root-pages/events/index.mdx

@@ -118,6 +118,7 @@ List of all Waku events
             required: true,
           },
         ]}
+        formListId={5}
       />
     </Grid.Item>
   </Grid>

packages/docusaurus-playground/root-pages/events/test.mdx

@@ -33,7 +33,7 @@ import {
     <Grid.Item xs={1}>
       <EventInfo 
         label="Date"
-        content="Monday 15-19 January 2024 / 6 PM PST"
+        content={"Monday 15-19\nJanuary 2024 / 6 PM PST"}
       /> 
       </Grid.Item>
       <Grid.Item xs={1}>
@@ -146,6 +146,7 @@ Yet, it doesn't have to be this way. Advances in cryptography, peer-to-peer netw
             required: true,
           },
         ]}
+        formListId={5}
       />
     </Grid.Item>
   </Grid>

packages/logos-docusaurus-theme/src/client/components/mdx/EventCTASection/EventCTASection.tsx

@@ -10,6 +10,7 @@ export type EventCTASectionProps = {
   link?: string
   linkProps: Props
   formInput?: any[]
+  formListId?: number
 }
 
 export const EventCTASection: React.FC<EventCTASectionProps & Props> = ({
@@ -19,6 +20,7 @@ export const EventCTASection: React.FC<EventCTASectionProps & Props> = ({
   link,
   linkProps,
   formInput,
+  formListId,
 }) => {
   const [formState, setFormState] = React.useState({ email: '', name: '' })
   const [message, setMessage] = React.useState('')
@@ -43,7 +45,7 @@ export const EventCTASection: React.FC<EventCTASectionProps & Props> = ({
             params: {
               value: formState?.email,
               name: formState?.name || '',
-              list_id: 2,
+              list_id: formListId,
               subscription_type: 'email',
             },
           }),

packages/logos-docusaurus-theme/src/client/components/mdx/EventInfo/EventInfo.scss

@@ -18,3 +18,7 @@
 .mdx-event-info__label {
   opacity: 0.6;
 }
+
+.mdx-event-info__content {
+  white-space: pre-wrap;
+}