chore(form): 🗑️ remove unused form components and types

* Refactor Former components to streamline functionality
* Update stories to reflect changes in form structure

src/Former/FormerLayout.tsx

@@ -9,28 +9,28 @@ export const FormerLayout = (props: PropsWithChildren) => {
   const {
     disableHTMlForm,
     getFormMethods,
+    id,
     load,
     loading,
     loadingOverlayProps,
+    opened,
     request,
     reset,
     save,
     scrollAreaProps,
-    id,
-    opened,
   } = useFormerStore((state) => ({
     disableHTMlForm: state.disableHTMlForm,
     getFormMethods: state.getFormMethods,
+    id: state.id,
     load: state.load,
     loading: state.loading,
     loadingOverlayProps: state.loadingOverlayProps,
+    opened: state.opened,
     request: state.request,
     reset: state.reset,
     save: state.save,
-    scrollAreaProps: state.scrollAreaProps,
-    id: state.id,
 
-    opened: state.opened,
+    scrollAreaProps: state.scrollAreaProps,
   }));
 
   useEffect(() => {
@@ -58,15 +58,17 @@ export const FormerLayout = (props: PropsWithChildren) => {
         }}
       >
         {disableHTMlForm ? (
-          <div x-data-request={request} key={`former_d${id}`}>
+          // eslint-disable-next-line react/no-unknown-property
+          <div key={`former_d${id}`} x-data-request={request}>
             {props.children}
           </div>
         ) : (
           <form
-            key={`former_${id}`}
             id={`former_f${id}`}
+            key={`former_${id}`}
             onReset={(e) => reset(e)}
             onSubmit={(e) => save(e)}
+            // eslint-disable-next-line react/no-unknown-property
             x-data-request={request}
           >
             {props.children}