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

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

src/Former/FormerButtonArea.tsx

@@ -1,28 +1,29 @@
-import { Group, Button, Tooltip } from '@mantine/core';
-import { IconX, IconDeviceFloppy } from '@tabler/icons-react';
+import { Button, Group, Tooltip } from '@mantine/core';
+import { IconDeviceFloppy, IconX } from '@tabler/icons-react';
+
 import { useFormerStore } from './Former.store';
 
 export const FormerButtonArea = () => {
   const {
-    save,
-    onClose,
     buttonAreaGroupProps,
-    saveButtonProps,
     closeButtonProps,
     closeButtonTitle,
-    saveButtonTitle,
-    request,
     dirty,
+    onClose,
+    request,
+    save,
+    saveButtonProps,
+    saveButtonTitle,
   } = useFormerStore((state) => ({
-    save: state.save,
-    onClose: state.onClose,
     buttonAreaGroupProps: state.layout?.buttonAreaGroupProps,
-    saveButtonProps: state.layout?.saveButtonProps,
     closeButtonProps: state.layout?.closeButtonProps,
     closeButtonTitle: state.layout?.closeButtonTitle,
-    saveButtonTitle: state.layout?.saveButtonTitle,
-    request: state.request,
     dirty: state.dirty,
+    onClose: state.onClose,
+    request: state.request,
+    save: state.save,
+    saveButtonProps: state.layout?.saveButtonProps,
+    saveButtonTitle: state.layout?.saveButtonTitle,
   }));
 
   const disabledSave =
@@ -31,19 +32,19 @@ export const FormerButtonArea = () => {
   return (
     <Group
       justify="center"
-      w="100%"
       p="xs"
       style={{ boxShadow: '2px 2px 5px rgba(47, 47, 47, 0.1)' }}
+      w="100%"
       {...buttonAreaGroupProps}
     >
-      <Group justify="space-evenly" grow>
+      <Group grow justify="space-evenly">
         {typeof onClose === 'function' && (
           <Button
             color="orange"
             leftSection={<IconX />}
-            size="sm"
-            px="md"
             miw={'8rem'}
+            px="md"
+            size="sm"
             {...closeButtonProps}
             onClick={() => {
               onClose();
@@ -65,12 +66,12 @@ export const FormerButtonArea = () => {
           }
         >
           <Button
+            bg={request === 'delete' ? 'red' : undefined}
             color="green"
             leftSection={<IconDeviceFloppy />}
-            size="sm"
-            px="md"
             miw={'8rem'}
-            bg={request === 'delete' ? 'red' : undefined}
+            px="md"
+            size="sm"
             {...saveButtonProps}
             disabled={disabledSave}
             onClick={() => save()}