Add Bible Questions inbox from contact submissions

src/App.tsx

@@ -105,7 +105,7 @@ function AmazonMusicIcon() {
 
 function ContactForm() {
   const navigate = useNavigate()
-  const [fields, setFields] = useState({ name: '', email: '', message: '' })
+  const [fields, setFields] = useState({ name: '', email: '', message: '', messageType: 'question' })
   const [subscribe, setSubscribe] = useState(false)
   const [honey, setHoney] = useState('')
   const [status, setStatus] = useState<'idle' | 'submitting' | 'error'>('idle')
@@ -115,6 +115,10 @@ function ContactForm() {
     setFields(f => ({ ...f, [e.target.name]: e.target.value }))
   }
 
+  function handleSelectChange(e: React.ChangeEvent<HTMLSelectElement>) {
+    setFields(f => ({ ...f, [e.target.name]: e.target.value }))
+  }
+
   async function handleSubmit(e: React.FormEvent) {
     e.preventDefault()
     setStatus('submitting')
@@ -157,6 +161,15 @@ function ContactForm() {
         Email
         <input type="email" name="email" required autoComplete="email" value={fields.email} onChange={handleChange} />
       </label>
+      <label>
+        Message Type
+        <select name="messageType" value={fields.messageType} onChange={handleSelectChange}>
+          <option value="question">Bible Question</option>
+          <option value="testimony">Testimony</option>
+          <option value="topic">Topic Request</option>
+          <option value="general">General Message</option>
+        </select>
+      </label>
       <label>
         Message
         <textarea name="message" rows={6} required value={fields.message} onChange={handleChange} />