fix(submit-page): hydrate Phase A fields + stop wiping user input on re-render

The submit page mapped `initialData` inline on every render, which (a)
recreated the object reference on every render so the form's reset
effect fired continuously and wiped values the user was typing, and (b)
dropped the Phase A fields entirely (tagline, builtWith, screenshots,
license, codeAttestedAt) plus trackEntries. The combined effect was the
documented symptom — only logo and videoUrl survived the save because
those round-tripped through the type-narrowed object literal, while
tagline / builtWith / license kept appearing to "switch to empty".

- Memoize `initialData` against `mySubmission` so the reference only
  changes when the underlying submission actually changes.
- Pass through Phase A fields and trackEntries so the form can hydrate
  the saved values, and so a follow-up save doesn't write back empties.
- Widen SubmissionFormContent's `initialData` prop to accept the raw
  server-side extras (trackEntries, codeAttestedAt) that the form
  already consumes via cast — keeps the parent's hydration explicit.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: 0xdevcollins

app/(landing)/hackathons/[slug]/submit/page.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { use, useEffect, useState } from 'react';
+import { use, useEffect, useMemo, useState } from 'react';
 import { useRouter } from 'next/navigation';
 import { useHackathon } from '@/hooks/hackathon/use-hackathon-queries';
 import { useAuthStatus } from '@/hooks/use-auth';
@@ -94,6 +94,40 @@ export default function SubmitProjectPage({
     router.push(`/hackathons/${hackathonSlug}?tab=submission`);
   };
 
+  // Stable initialData reference so the form doesn't re-reset (and wipe
+  // the user's typed-but-unsaved input) on every parent re-render. The
+  // form's reset effect depends on this object identity, so it MUST only
+  // change when the underlying submission actually changes.
+  //
+  // We also pass through the Phase A polish fields (tagline, builtWith,
+  // screenshots, license, codeAttestedAt) and trackEntries — if these
+  // are missing, the form initialises them to empty and any save then
+  // clobbers the server values with empties.
+  const initialData = useMemo(() => {
+    if (!mySubmission) return undefined;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const s = mySubmission as any;
+    return {
+      projectName: mySubmission.projectName,
+      category: mySubmission.category,
+      description: mySubmission.description,
+      logo: mySubmission.logo,
+      banner: mySubmission.banner,
+      videoUrl: mySubmission.videoUrl,
+      introduction: mySubmission.introduction,
+      links: mySubmission.links,
+      participationType: s.participationType,
+      teamName: s.teamName,
+      teamMembers: s.teamMembers,
+      tagline: s.tagline,
+      builtWith: s.builtWith,
+      screenshots: s.screenshots,
+      license: s.license,
+      codeAttestedAt: s.codeAttestedAt,
+      trackEntries: s.trackEntries,
+    };
+  }, [mySubmission]);
+
   const [hasInitialLoaded, setHasInitialLoaded] = useState(false);
 
   useEffect(() => {
@@ -149,24 +183,7 @@ export default function SubmitProjectPage({
               hackathonSlugOrId={hackathonId}
               organizationId={orgId}
               submissionId={mySubmission?.id}
-              initialData={
-                mySubmission
-                  ? {
-                      projectName: mySubmission.projectName,
-                      category: mySubmission.category,
-                      description: mySubmission.description,
-                      logo: mySubmission.logo,
-                      banner: mySubmission.banner,
-                      videoUrl: mySubmission.videoUrl,
-                      introduction: mySubmission.introduction,
-                      links: mySubmission.links,
-                      participationType: (mySubmission as any)
-                        .participationType,
-                      teamName: (mySubmission as any).teamName,
-                      teamMembers: (mySubmission as any).teamMembers,
-                    }
-                  : undefined
-              }
+              initialData={initialData}
               onSuccess={handleSuccess}
               onClose={handleClose}
             />

components/hackathons/submissions/SubmissionForm.tsx

@@ -185,7 +185,23 @@ type SubmissionFormDataLocal = z.infer<typeof baseSubmissionSchema>;
 interface SubmissionFormContentProps {
   hackathonSlugOrId: string;
   organizationId?: string;
-  initialData?: Partial<SubmissionFormDataLocal>;
+  /**
+   * Pre-populates the form when editing an existing submission. Accepts
+   * the raw submission shape from the API so server-only fields like
+   * trackEntries and codeAttestedAt can be hydrated alongside the Zod-
+   * typed form fields (which the form reads via a typed cast).
+   */
+  initialData?: Partial<SubmissionFormDataLocal> & {
+    trackEntries?: Array<{
+      trackId: string;
+      trackAnswers?: {
+        promptAnswer?: string;
+        customAnswers?: Record<string, string>;
+        artifacts?: Record<string, string>;
+      };
+    }>;
+    codeAttestedAt?: string | null;
+  };
   submissionId?: string;
   onSuccess?: () => void;
   onClose?: () => void;