Validate template label length

Author: myftija

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.test.tasks.$taskParam/route.tsx

@@ -1614,8 +1614,12 @@ function CreateTemplateModal({
             </Paragraph>
             <Fieldset className="max-w-full gap-y-3">
               <InputGroup className="max-w-full">
-                <Label>Template label</Label>
-                <Input {...conform.input(label)} placeholder="Enter a name for this template" />
+                <Label htmlFor={label.id}>Template label</Label>
+                <Input
+                  {...conform.input(label)}
+                  placeholder="Enter a name for this template"
+                  maxLength={42}
+                />
                 <FormError id={label.errorId}>{label.error}</FormError>
               </InputGroup>
               <FormError>{form.error}</FormError>

apps/webapp/app/v3/taskRunTemplate.ts

@@ -3,7 +3,7 @@ import { TestTaskData } from "./testTask";
 
 export const RunTemplateData = TestTaskData.and(
   z.object({
-    label: z.string(),
+    label: z.string().max(42, "Labels can be at most 42 characters long"),
   })
 );