Update website code to match example repo

Author: raksiv

docs/guides/nodejs/survey-website.mdx

@@ -89,64 +89,59 @@ const SurveyForm = () => {
   ) => {
     setFormData({ ...formData, [e.target.name]: e.target.value })
   }
-  ;<button
-    onClick={async () => {
-      try {
-        const response = await fetch(`/api/forms/receipts/${submissionId}`)
-        if (!response.ok) {
-          throw new Error('Could not get receipt URL')
-        }
-        const { url } = await response.json()
-        window.location.href = url // behaves like a 303 redirect
-      } catch (err) {
-        console.error(err)
-        alert('Failed to load receipt')
-      }
-    }}
-  >
-    View Receipt
-  </button>
 
   const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault()
     try {
       const response = await fetch('/api/forms/forms/feedback', {
         method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-        },
+        headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify(formData),
       })
 
-      if (!response.ok) {
-        throw new Error('Network response was not ok')
-      }
+      if (!response.ok) throw new Error('Failed to submit')
 
       const data: { id: string } = await response.json()
       setSubmissionId(data.id)
       alert('Survey submitted successfully!')
     } catch (error) {
-      console.error('Error submitting survey:', error)
+      console.error('Submission error:', error)
       alert('Failed to submit survey.')
     }
   }
 
+  const fetchReceipt = async () => {
+    try {
+      const response = await fetch(`/api/receipts/receipts/${submissionId}`)
+      if (!response.ok) throw new Error('Could not get receipt URL')
+      const url = await response.text()
+      window.location.href = url
+    } catch (err) {
+      console.error(err)
+      alert('Failed to load receipt')
+    }
+  }
+
   return (
-    <div>
-      <h2>Survey</h2>
-      <form onSubmit={handleSubmit}>
-        <div>
-          <label>Name:</label>
+    <div style={{ maxWidth: 500, margin: '0 auto', padding: 20 }}>
+      <h2>Feedback Survey</h2>
+      <form
+        onSubmit={handleSubmit}
+        style={{ display: 'flex', flexDirection: 'column', gap: 12 }}
+      >
+        <label>
+          Name:
           <input
             type="text"
             name="name"
             value={formData.name}
             onChange={handleChange}
             required
           />
-        </div>
-        <div>
-          <label>Rating (1–5):</label>
+        </label>
+
+        <label>
+          Rating (1–5):
           <input
             type="number"
             name="rating"
@@ -156,40 +151,26 @@ const SurveyForm = () => {
             max="5"
             required
           />
-        </div>
-        <div>
-          <label>Feedback:</label>
+        </label>
+
+        <label>
+          Feedback:
           <textarea
             name="feedback"
             value={formData.feedback}
             onChange={handleChange}
           />
-        </div>
+        </label>
+
         <button type="submit">Submit</button>
       </form>
 
       {submissionId && (
-        <div>
-          <p>Submission ID: {submissionId}</p>
-          <button
-            onClick={async () => {
-              try {
-                const response = await fetch(
-                  `/api/receipts/receipts/${submissionId}`,
-                )
-                if (!response.ok) {
-                  throw new Error('Could not get receipt URL')
-                }
-                const url = await response.text()
-                window.location.href = url
-              } catch (err) {
-                console.error(err)
-                alert('Failed to load receipt')
-              }
-            }}
-          >
-            View Receipt
-          </button>
+        <div style={{ marginTop: 20 }}>
+          <p>
+            Thank you! Your submission ID is <code>{submissionId}</code>
+          </p>
+          <button onClick={fetchReceipt}>View Receipt</button>
         </div>
       )}
     </div>