docs: add hook import information to Pay with Exchange documentation (#693)

* docs: add hook import information to Pay with Exchange documentation

Co-Authored-By: TomTom <tomtom@reown.com>

* Update snippets/appkit/shared/appkit-pay-react.mdx

* Update snippets/appkit/shared/appkit-pay-react.mdx

* fix: properly close code block in hooks section

Co-Authored-By: TomTom <tomtom@reown.com>

---------

Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Co-authored-by: TomTom <tomtom@reown.com>
Co-authored-by: TomTom <rtomas@gmail.com>

Author: 3 people

snippets/appkit/shared/appkit-pay-react.mdx

@@ -195,6 +195,12 @@ This setup allows you to safely verify both positive and negative exchange flows
 
 ## Hooks
 
+
+All the pay with exchanges hooks must be imported from `@reown/appkit-pay/react`. For example:
+```tsx
+import { useAvailableExchanges } from '@reown/appkit-pay/react';
+```
+
 ### useAvailableExchanges
 Fetches and manages the state for available exchanges.