Add useAction reference

Author: amirhhashemi

src/routes/solid-router/reference/data-apis/action.mdx

@@ -68,23 +68,6 @@ The solution is to provide a unique name.
 const myAction = action(async (args) => {}, "my-action");
 ```
 
-## `useAction`
-
-Instead of forms, actions can directly be wrapped in a `useAction` primitive.
-This is how router context is created.
-
-```jsx
-// in component
-const submit = useAction(myAction);
-submit(...args);
-
-```
-
-The outside of a form context can use custom data instead of `formData`.
-These helpers preserve types.
-
-However, even when used with server functions, such as with [SolidStart](https://start.solidjs.com/getting-started/what-is-solidstart), this requires client-side JavaScript and is not progressively enhanceable like forms are.
-
 ## `useSubmission`/`useSubmissions`
 
 These functions are used when incorporating optimistic updates during ongoing actions.

src/routes/solid-router/reference/data-apis/data.json

@@ -6,6 +6,7 @@
 		"create-async.mdx",
 		"create-async-store.mdx",
 		"query.mdx",
+		"use-action.mdx",
 		"use-submission.mdx",
 		"use-submissions.mdx"
 	]

src/routes/solid-router/reference/data-apis/use-action.mdx

@@ -0,0 +1,27 @@
+---
+title: useAction
+---
+
+`useAction` allows you to programmatically invoke an [`action`](/solid-router/reference/data-apis/action).
+
+```tsx
+import { useAction } from "@solidjs/router";
+import { updateNameAction } from "./actions";
+
+const updateName = useAction(updateNameAction);
+
+const result = updateName("John Wick");
+```
+
+<Callout type="info" title="Note">
+	`useAction` requires client-side JavaScript and is not progressively
+	enhanceable.
+</Callout>
+
+## Parameters
+
+- `action`: the action you want to invoke.
+
+## Returns
+
+`useAction` returns a function that lets you invoke the action. It has the same signature as the action itself.