feat(form): ✨ enhance form layout and functionality

* Add FormerButtonArea component for action buttons
* Introduce FormerLayoutTop and FormerLayoutBottom for structured layout
* Update Former types to include new properties
* Implement dynamic ID generation for forms
* Refactor example to demonstrate new layout features
* Mark tasks as completed in todo.md

src/Former/Former.store.tsx

@@ -2,6 +2,7 @@ import { createSyncStore } from '@warkypublic/zustandsyncstore';
 import { produce } from 'immer';
 
 import type { FormerProps, FormerState } from './Former.types';
+import { newUUID } from '@warkypublic/artemis-kit';
 
 const { Provider: FormerProvider, useStore: useFormerStore } = createSyncStore<
   FormerState<any> & Partial<FormerProps<any>>,
@@ -168,18 +169,20 @@ const { Provider: FormerProvider, useStore: useFormerStore } = createSyncStore<
     },
     values: undefined,
   }),
-  ({ onConfirmDelete, primeData, request, values }) => {
+  ({ onConfirmDelete, primeData, request, values, id }) => {
     let _onConfirmDelete = onConfirmDelete;
     if (!onConfirmDelete) {
       _onConfirmDelete = async () => {
         return confirm('Are you sure you want to delete this item?');
       };
     }
+
     return {
       onConfirmDelete: _onConfirmDelete,
       primeData,
       request: request || 'insert',
       values: { ...primeData, ...values },
+      id: !id ? newUUID() : id,
     };
   }
 );