Fix/sequence kit docs

docs/pages/solutions/wallets/sequence-kit/checkout.mdx

@@ -59,7 +59,7 @@ Now we have the setup done, let's see how to use the checkout modal for differen
 
 We have convenient utility functions for ERC1155 tokens that make it easy to configure the checkout modal.
 
-Here's a configuration with example varibles variables:
+Here's a configuration with example variables:
 
 ```jsx
 import { useAccount } from 'wagmi'
@@ -69,7 +69,6 @@ const MyComponent = () => {
   const { address } = useAccount()
   const { openERC1155SaleContractPaymentModal } = useERC1155SaleContractPaymentModal()
 
-
   const onClick = () => {
     if (!address) {
       return
@@ -118,6 +117,7 @@ We instantiate the `useSelectPaymentModal` hook to open the checkout modal and p
 ```jsx
 import { useAccount } from 'wagmi'
 import { useSelectPaymentModal, type SelectPaymentSettings } from '@0xsequence/kit-checkout'
+import { encodeFunctionData, toHex } from 'viem'
 
 const MyComponent = () => {
   const { address } = useAccount()

docs/pages/solutions/wallets/sequence-kit/custom-configuration.mdx

@@ -314,10 +314,10 @@ The various sign in providers that create wallet connections for the user:
 | `boolean` \| `{ legacyEmailAuth: boolean }` | `undefined` |
 
 # Create Universal Default Connectors
-While we generally recommed using Embedded Wallets with SequenceKit, as an alternative, you can also use leverage our Universal Wallet configuration. When creating a wagmi `connectors` variable, import the `getDefaultConnectors` function from the `@0xsequence/kit` package, and include a Wallet Connect ID obtained from [here](https://cloud.walletconnect.com/app), a default chain ID, app name, and the `projectAccessKey`, then [continue with the integration from the quickstart](/solutions/wallets/sequence-kit/getting-started#create-wagmi-config).
+While we generally recommed using Embedded Wallets with SequenceKit, as an alternative, you can also use leverage our Universal Wallet configuration. When creating a wagmi `connectors` variable, import the `getDefaultConnectors` function from the `@0xsequence/kit` package, and include a Wallet Connect ID obtained from [here](https://cloud.reown.com/app), a default chain ID, app name, and the `projectAccessKey`, then [continue with the integration from the quickstart](/solutions/wallets/sequence-kit/getting-started#create-wagmi-config).
 
 ```typescript [config.ts]
-import { getDefaultConnectors } from '@0xsequence/kit'
+import { getDefaultConnectors, createConfig } from '@0xsequence/kit'
 ...
 export const projectAccessKey = '<access-key>'
 

docs/pages/solutions/wallets/sequence-kit/getting-started.mdx

@@ -20,11 +20,11 @@ Otherwise, we will walk you through the process of installing Sequence Kit, inst
 Sequence Kit is modular, allowing you to install only the necessary packages. To get started, install the `@0xsequence/kit` core package, as well as install other dependencies such as `wagmi`, `viem`, and `0xsequence`.
 
 ```bash
-npm install @0xsequence/kit @0xsequence/waas wagmi [email protected] viem 0xsequence @0xsequence/design-system framer-motion @tanstack/react-query
+npm install @0xsequence/kit @0xsequence/waas wagmi [email protected] viem 0xsequence @0xsequence/design-system framer-motion @tanstack/react-query @react-oauth/google react-apple-signin-auth
 # or
-pnpm install @0xsequence/kit @0xsequence/waas wagmi [email protected] viem 0xsequence @0xsequence/design-system framer-motion @tanstack/react-query
+pnpm install @0xsequence/kit @0xsequence/waas wagmi [email protected] viem 0xsequence @0xsequence/design-system framer-motion @tanstack/react-query @react-oauth/google react-apple-signin-auth
 # or
-yarn add @0xsequence/kit @0xsequence/waas wagmi [email protected] viem 0xsequence @0xsequence/design-system framer-motion @tanstack/react-query
+yarn add @0xsequence/kit @0xsequence/waas wagmi [email protected] viem 0xsequence @0xsequence/design-system framer-motion @tanstack/react-query @react-oauth/google react-apple-signin-auth
 ```
 
 # Setting Up your Dapp
@@ -117,7 +117,7 @@ Invoke the connect modal using the `useOpenConnectModal` hook.
 import { useOpenConnectModal } from '@0xsequence/kit'
 import { useDisconnect, useAccount } from 'wagmi'
 
-export const App = () => {
+const App = () => {
   const { setOpenConnectModal } = useOpenConnectModal()
 
   const { isConnected } = useAccount()
@@ -139,11 +139,24 @@ export const App = () => {
     </>
   )
 }
+
+export default App;
 ```
 
 The modal will automatically close once the user signs in. You can utilize the `useAccount` hook from wagmi to detect the user's connection status.
 
 # Setting Up Inventory
+
+First let's install the `@0xsequence/kit-wallet` package:
+
+```bash
+npm install @0xsequence/kit-wallet
+# or
+pnpm install @0xsequence/kit-wallet
+# or
+yarn add @0xsequence/kit-wallet
+```
+
 To add the optional Inventory feature, add the `KitWalletProvider` below the `SequenceKit` wrapper.
 
 ```jsx