fix: add onsubmit form event handler for text box component

Author: vetalcore

src/design-system/text-box/text-box.component.tsx

@@ -26,6 +26,7 @@ export interface TextBoxProps extends Form.FormControlProps {
   maxLength?: number;
   'data-testid'?: string;
   w?: Sx['w'];
+  onFormSubmit?: (event: Readonly<React.FormEvent<HTMLFormElement>>) => void;
 }
 
 export const TextBox = ({
@@ -42,9 +43,10 @@ export const TextBox = ({
   containerStyle,
   maxLength,
   w = '$auto',
+  onFormSubmit,
   ...rest
 }: Readonly<TextBoxProps>): JSX.Element => (
-  <Form.Root>
+  <Form.Root onSubmit={onFormSubmit}>
     <Flex justifyContent="space-between" alignItems="center">
       <Form.Field
         name="field"

src/design-system/text-box/text-box.stories.tsx

@@ -58,6 +58,9 @@ export const Overview = (): JSX.Element => {
               onChange={(event): void => {
                 setValue(event.target.value);
               }}
+              onFormSubmit={(event): void => {
+                event.preventDefault();
+              }}
             />
           </Flex>
         </Section>