fix: documentation on create webhook had invalid body key and headers were not being showed as required (#643)

apps/formbricks-com/components/shared/APILayout.tsx

@@ -10,6 +10,7 @@ interface APICallProps {
     label: string;
     type: string;
     description: string;
+    required?: boolean;
   }[];
   bodies: {
     label: string;
@@ -69,7 +70,13 @@ export function APILayout({ method, url, description, headers, bodies, responses
                 <p className="not-prose -mb-1 pt-2 font-bold">Headers</p>
                 <div>
                   {headers.map((q) => (
-                    <Parameter key={q.label} label={q.label} type={q.type} description={q.description} />
+                    <Parameter
+                      key={q.label}
+                      label={q.label}
+                      type={q.type}
+                      description={q.description}
+                      required={q.required}
+                    />
                   ))}
                 </div>
               </div>

apps/formbricks-com/pages/docs/webhook-api/create-webhook/index.mdx

@@ -41,7 +41,7 @@ export const meta = {
   ]}
   example={`{
   "url": "https://mysystem.com/myendpoint",
-  "trigger": "responseFinished"
+  "triggers": ["responseFinished"]
 }`}
   responses={[
     {