fix(create): surface submit errors and fix keyboard overlap on mobile

The create-proposal submit had no error handling, so failures (e.g.
crypto.subtle unavailable outside a secure context) silently reset the
button with no feedback. Also set interactiveWidget so the mobile
keyboard resizes the layout instead of covering the sticky submit button.

src/app/create/CreateClient.tsx

@@ -55,22 +55,30 @@ export default function CreateClient() {
 
   async function handleSubmit(data: ProposalFormData, _publish: boolean) {
     setError('');
-    const key = await generateKey();
+    if (typeof crypto === 'undefined' || !crypto.subtle) {
-    const payload = await encryptPayload(key, data);
+      setError('Your browser blocked secure encryption here (this page needs HTTPS). Try opening the site directly instead of through an in-app browser.');
-    const res = await fetch('/api/proposals/guest', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify(payload),
-    });
-    const json = await res.json();
-    if (!res.ok) {
-      setError('Something went wrong. Please check your inputs and try again.');
       return;
     }
-    setLinks({
+    try {
-      publicUrl: `${json.publicUrl}#k=${key}`,
+      const key = await generateKey();
-      manageUrl: `${json.manageUrl}#k=${key}`,
+      const payload = await encryptPayload(key, data);
-    });
+      const res = await fetch('/api/proposals/guest', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(payload),
+      });
+      const json = await res.json();
+      if (!res.ok) {
+        setError('Something went wrong. Please check your inputs and try again.');
+        return;
+      }
+      setLinks({
+        publicUrl: `${json.publicUrl}#k=${key}`,
+        manageUrl: `${json.manageUrl}#k=${key}`,
+      });
+    } catch {
+      setError('Something went wrong creating your proposal. Please try again.');
+    }
   }
 
   function copyLink(url: string) {

src/app/layout.tsx

@@ -42,6 +42,7 @@ export const viewport: Viewport = {
   themeColor: '#ec4899',
   width: 'device-width',
   initialScale: 1,
+  interactiveWidget: 'resizes-content',
 };
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {