fix(art): action button is outside context

app/(ui)/artifact/page.tsx

@@ -153,12 +153,13 @@ export default async function ArtifactFormPage({
             </div>
           </CardTitle>
         </CardHeader>
-        <CardContent>
         <ArtifactFormWrapper
           id="mainform"
           edit={q ? { token: q.editToken, sub: q.id } : undefined}
           enka={config.enka}
+          className="contents"
         >
+          <CardContent>
             <div className="flex flex-col gap-3">
               <div className="grid gap-2">
                 <Label htmlFor="name">ชื่อ*</Label>
@@ -222,7 +223,6 @@ export default async function ArtifactFormPage({
                 />
               </div>
             </div>
-          </ArtifactFormWrapper>
           </CardContent>
           <CardFooter className="flex justify-between gap-2">
             <div className="flex gap-2">
@@ -274,6 +274,7 @@ export default async function ArtifactFormPage({
               </SimpleTooltip>
             </div>
           </CardFooter>
+        </ArtifactFormWrapper>
       </Card>
       {sid && !q && <ClearCookie />}
       <WarningDialog />

components/action-submit-provider.tsx

@@ -8,6 +8,7 @@ export type ActionSubmitContextData = {
 
 export const ActionSubmitContext = createContext<ActionSubmitContextData>({
   listenForComplete: (r) => {
+    console.warn("submit context not caught");
     r();
   },
 });