Add community question message type with pre-fill from study community

src/components/ContactForm.tsx

@@ -1,6 +1,6 @@
-import { useState } from 'react'
+import { useState, useEffect } from 'react'
 import type { ChangeEvent } from 'react'
-import { useNavigate } from 'react-router-dom'
+import { useNavigate, useSearchParams } from 'react-router-dom'
 
 interface ContactFields {
   firstName: string
@@ -12,13 +12,27 @@ interface ContactFields {
 
 export default function ContactForm() {
   const navigate = useNavigate()
+  const [searchParams] = useSearchParams()
+  const source = searchParams.get('source')
+  const studyName = searchParams.get('study')
+  
   const [fields, setFields] = useState<ContactFields>({
     firstName: '',
     lastName: '',
     email: '',
     message: '',
-    messageType: 'question',
+    messageType: source === 'community' ? 'community' : 'question',
   })
+
+  useEffect(() => {
+    if (source === 'community' && studyName) {
+      setFields(f => ({
+        ...f,
+        messageType: 'community',
+        message: f.message.startsWith('[From ') ? f.message : `[From ${decodeURIComponent(studyName)} community]\n\n${f.message}`,
+      }))
+    }
+  }, [source, studyName])
   const [subscribe, setSubscribe] = useState(true)
   const [honey, setHoney] = useState('')
   const [status, setStatus] = useState<'idle' | 'submitting' | 'error'>('idle')
@@ -85,6 +99,7 @@ export default function ContactForm() {
         Message Type
         <select name="messageType" value={fields.messageType} onChange={handleSelectChange}>
           <option value="question">Bible Question</option>
+          <option value="community">Community Question</option>
           <option value="testimony">Testimony</option>
           <option value="topic">Topic Request</option>
           <option value="general">General Message</option>