Moved the functionailty to the FormButton so it can be reused

Author: samejr

apps/webapp/app/components/primitives/FormButtons.tsx

@@ -3,10 +3,12 @@ import { cn } from "~/utils/cn";
 export function FormButtons({
   cancelButton,
   confirmButton,
+  defaultAction,
   className,
 }: {
   cancelButton?: React.ReactNode;
   confirmButton: React.ReactNode;
+  defaultAction?: { name: string; value: string; disabled?: boolean };
   className?: string;
 }) {
   return (
@@ -16,6 +18,17 @@ export function FormButtons({
         className
       )}
     >
+      {defaultAction && (
+        <button
+          type="submit"
+          name={defaultAction.name}
+          value={defaultAction.value}
+          disabled={defaultAction.disabled}
+          className="hidden"
+          tabIndex={-1}
+          aria-hidden="true"
+        />
+      )}
       {cancelButton ? cancelButton : <div />} {confirmButton}
     </div>
   );

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

@@ -984,16 +984,6 @@ function QueueOverrideConcurrencyButton({
             </Paragraph>
           )}
           <Form method="post" onSubmit={() => setIsOpen(false)} className="space-y-3">
-            {/* Hidden button to capture Enter key for primary action */}
-            <button
-              type="submit"
-              name="action"
-              value="queue-override"
-              disabled={isLoading || !concurrencyLimit}
-              className="hidden"
-              tabIndex={-1}
-              aria-hidden="true"
-            />
             <input type="hidden" name="friendlyId" value={queue.id} />
             <div className="space-y-2">
               <label htmlFor="concurrencyLimit" className="text-sm text-text-bright">
@@ -1013,6 +1003,11 @@ function QueueOverrideConcurrencyButton({
             </div>
 
             <FormButtons
+              defaultAction={{
+                name: "action",
+                value: "queue-override",
+                disabled: isLoading || !concurrencyLimit,
+              }}
               confirmButton={
                 <Button
                   type="submit"