docs: update zksync-onramp-sdk docs (#355)

# Description

Updating the zksync-easy-onramp SDK docs to reflect the latest changes
in the npm package.

Author: itsacoyote

content/00.zksync-era/40.tooling/100.zksync-easy-onramp/00.index.md

@@ -47,14 +47,17 @@ const quotes = await fetchQuotes({
 ### Execute a quote
 
 ```ts
-import { executeRoute } from 'zksync-easy-onramp';
+import { executeRoute } from "zksync-easy-onramp";
 
 const quotes = await fetchQuotes({...});
-const quote = executeRoute(quotes[0], {
-    onUpdateHook: (executingRoute) => {
-        // receive the latest state change
-        // of the quote that is executing
-        console.log(executingRoute);
-    }
-})
+const selectedQuote = quotes[0];
+// A quote needs to be converted to a route before executing.
+const routeToExecute = quoteToRoute("buy", selectedQuote.paymentMethods[0], selectedQuote.provider);
+const executedRoute = executeRoute(routeToExecute, {
+  onUpdateHook: (executingRoute) => {
+    // receive the latest state change
+    // of the quote that is executing
+    console.log(executingRoute);
+  }
+});
 ```

content/00.zksync-era/40.tooling/100.zksync-easy-onramp/15.sdk-config-settings.md

@@ -0,0 +1,34 @@
+---
+title: SDK Config Settings
+description: Get config data to use with your implementation of the SDK
+---
+
+The SDK provides an endpoint to get all of the configuration data to use for
+building quotes. This includes the list of supported tokens, chains, and
+services. This is useful for building a UI that allows users to select
+different tokens and chains to use for their on-ramp experience.
+
+## Get SDK config
+
+This is not the same as the SDK configuration that you set when you initialize
+the SDK. The `fetchConfig` is a separate endpoint that returns the configuration data for
+the SDK.
+
+```ts
+import { fetchConfig,  } from "zksync-easy-onramp";
+
+const config = await fetchConfig();
+```
+
+## Config data
+
+The config data returned from the SDK includes the following:
+
+- `tokens`: A list of all supported tokens for the SDK. This includes the token name,
+  address, chainId, symbol, decimals, marketCap, usdPrice, and iconUrl.
+- `chains`: A list of all supported chains for the SDK. This includes the chain
+  ID, and name.
+- `providers`: A list of all supported services for the SDK. This includes the
+  service name, logo, type, and supported tokens.
+- `fiatCurrencies`: A list of all supported fiat currencies for the SDK.
+  This is an array of currency codes in string format.

content/00.zksync-era/40.tooling/100.zksync-easy-onramp/30.request-quotes.md

@@ -22,8 +22,9 @@ const quotes = await fetchQuotes({
 });
 ```
 
-The `fetchQuotes` method will return an array of quotes containing the necessary information to
-execute the quote.
+The `fetchQuotes` method will return an array of quotes grouped by provider containing the necessary information to
+execute the quote. Within a provider object, the quotes are available under `paymentMethods`.
+You can use [helper functions](./util-helpers) to sort and filter the quotes based on your needs.
 
 ### Parameters
 
@@ -66,4 +67,4 @@ quotes based on the amount of tokens the user wants to purchase.
     Currently only the `"buy"` option is available. Specify what type of action you want to do with a
 quote.
 
-<!-- `country` (string, optional) -->
+<!-- `country` (string, optional) -->

content/00.zksync-era/40.tooling/100.zksync-easy-onramp/40.execute-quotes.md

@@ -35,7 +35,7 @@ tracking order statuses, switching chains, transaction management, execution, an
 
 ### Parameters
 
-`route` (Route | ProviderQuoteOption): The route to be executed.
+`route` (Route | UnexecutedRoute): The route to be executed.
 
 `executionOptions` (ExecutionOptions, optional): An object containing settings and callbacks for
 execution.

content/00.zksync-era/40.tooling/100.zksync-easy-onramp/45.util-helpers.md

@@ -0,0 +1,39 @@
+---
+title: Util Helpers
+description: Helper functions to use with the SDK
+---
+
+The SDK provides a few helper functions to use with the SDK.
+These are useful for formatting and sorting the quotes received from the SDK.
+
+## Helper functions
+
+### `quoteToRoute`
+
+Converts a `ProviderQuoteOption` object to a `Route` object that can be executed.
+This is useful for executing a quote that has been selected by the user.
+
+### `sortProviderQuotes`
+
+Sorts an array of provider quotes by arranging the payment methods of each provider
+in descending order based on the `amountFiat` value in the `receive` property.
+
+### `sortByHighestReturn`
+
+Sorts a list of provider quotes by the highest return value in fiat currency among
+all the providers.
+This function takes an array of `ProviderQuoteOption` objects, where each provider
+may have multiple payment methods. It flattens the array by creating a new object
+for each payment method, retaining the provider's other properties. The resulting
+array is then sorted in ascending order based on the `amountFiat` value of the
+first payment method in each provider's payment methods array.
+
+### `sortByFees`
+
+Sorts provider quotes by fee amount either within each provider or across all providers.
+
+### `filterByPaymentMethod`
+
+ Filters provider quotes based on payment method types.
+ Can either include only specified payment methods or exclude specified payment methods.
+ Removes any provider quotes that end up with no payment methods after filtering.