Give builder fields persistent labels, treat description as optional, and validate save-progress email with a real form.

Name stays required; description is a labelled optional textarea. Email uses native validity and form submit. Drop the dead workshop link and fix a few copy errors.

Co-authored-by: Cursor <cursoragent@cursor.com>

app/components/controls/TextArea/TextArea.view.tsx

@@ -36,31 +36,39 @@ export const TextAreaView = forwardRef<HTMLTextAreaElement, TextAreaViewProps>(
     },
     ref,
   ) => {
+    const labelEl = label ? (
+      formHeader ? (
+        <div className="flex flex-wrap gap-[var(--measures-spacing-200,4px_8px)] items-baseline pr-[var(--measures-spacing-100,4px)] relative shrink-0 w-full">
+          <div className="flex gap-[var(--measures-spacing-050,2px)] items-center relative shrink-0">
+            <label
+              id={labelId}
+              htmlFor={textareaId}
+              className={`${labelClasses} font-medium text-[var(--color-content-default-secondary)]`}
+            >
+              {label}
+            </label>
+            {showHelpIcon && (
+              <div className="relative shrink-0 size-[12px]">
+                {/* eslint-disable-next-line @next/next/no-img-element -- icon asset */}
+                <img
+                  src={getAssetPath(ASSETS.ICON_HELP)}
+                  alt={helpIconAlt}
+                  className="block max-w-none size-full"
+                />
+              </div>
+            )}
+          </div>
+        </div>
+      ) : (
+        <label id={labelId} htmlFor={textareaId} className="sr-only">
+          {label}
+        </label>
+      )
+    ) : null;
+
     return (
       <div className={containerClasses}>
-        {formHeader && label && (
-          <div className="flex flex-wrap gap-[var(--measures-spacing-200,4px_8px)] items-baseline pr-[var(--measures-spacing-100,4px)] relative shrink-0 w-full">
-            <div className="flex gap-[var(--measures-spacing-050,2px)] items-center relative shrink-0">
-              <label
-                id={labelId}
-                htmlFor={textareaId}
-                className={`${labelClasses} font-medium text-[var(--color-content-default-secondary)]`}
-              >
-                {label}
-              </label>
-              {showHelpIcon && (
-                <div className="relative shrink-0 size-[12px]">
-                  {/* eslint-disable-next-line @next/next/no-img-element -- icon asset */}
-                  <img
-                    src={getAssetPath(ASSETS.ICON_HELP)}
-                    alt={helpIconAlt}
-                    className="block max-w-none size-full"
-                  />
-                </div>
-              )}
-            </div>
-          </div>
-        )}
+        {labelEl}
         <div className={disabled ? "opacity-40" : ""}>
           <textarea
             ref={ref}