fix(ui): restore Metadata-before-Body order in narrow task dialogs

The Tab-order fix (d963a71) moved Body after Title in DOM order, which
also reordered the single-column (narrow-width) layout to Title, Body,
Metadata. Use CSS order on the Body editor to keep the narrow visual
order Title, Metadata, Body while preserving the DOM/Tab order.

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

Author: koki-develop

src/components/organisms/board/CreateTaskDialog.tsx

@@ -139,7 +139,7 @@ export function CreateTaskDialog({
                 onOpenLink={onOpenLink}
                 placeholder="Add a description…"
                 ariaLabel="Body"
-                className="min-h-[20rem] md:col-start-1 md:row-start-2"
+                className="order-1 min-h-[20rem] md:order-none md:col-start-1 md:row-start-2"
               />
 
               <div className="flex flex-col gap-4 md:col-start-2 md:row-start-1 md:row-end-3">

src/components/organisms/board/TaskDetailDialog/TaskDetailDialog.tsx

@@ -131,7 +131,7 @@ export function TaskDetailDialog({
               onBlur={handleBodyBlur}
               placeholder="Add a description…"
               ariaLabel="Body"
-              className="min-h-[20rem] md:col-start-1 md:row-start-2"
+              className="order-1 min-h-[20rem] md:order-none md:col-start-1 md:row-start-2"
             />
 
             <div className="flex flex-col gap-4 md:col-start-2 md:row-start-1 md:row-end-3">