feat(form): ✨ enhance form functionality and API integration

* Refactor key handling to use uniqueKeyField
* Add reset functionality to clear dirty state after save
* Introduce new API call specifications for REST and resolve
* Implement predefined wrappers for dialogs and popovers
* Update todo list to reflect completed tasks

src/Former/stories/apiFormData.tsx

@@ -0,0 +1,40 @@
+import { TextInput } from '@mantine/core';
+import { Former } from '../Former';
+import { useUncontrolled } from '@mantine/hooks';
+
+import { Controller } from 'react-hook-form';
+
+export const ApiFormData = (props: {
+  values?: Record<string, unknown>;
+  onChange?: (values: Record<string, unknown>) => void;
+  primeData?: Record<string, unknown>;
+}) => {
+  const [values, setValues] = useUncontrolled<Record<string, unknown>>({
+    value: props.values,
+    defaultValue: { url: '', authToken: '', ...props.primeData },
+    finalValue: { url: '', authToken: '', ...props.primeData },
+    onChange: props.onChange,
+  });
+
+  return (
+    <Former
+      request="update"
+      uniqueKeyField="id"
+      disableHTMlForm
+      primeData={props.primeData}
+      values={values}
+      onChange={setValues}
+      layout={{ saveButtonTitle: 'Save URL Parameters' }}
+      id="api-form-data"
+    >
+      <Controller
+        name="url"
+        render={({ field }) => <TextInput type="url" label="URL" {...field} />}
+      />
+      <Controller
+        name="authToken"
+        render={({ field }) => <TextInput type="password" label="Auth Token" {...field} />}
+      />
+    </Former>
+  );
+};