Update docusaurus to v3

.editorconfig

@@ -0,0 +1,13 @@
+# editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[{*.md,*.mdx,*.snap}]
+trim_trailing_whitespace = false

docs/browser-events.md

@@ -20,4 +20,4 @@ topper.on(TOPPER_EVENTS.ORDER_PLACED, ({ data }) => {});
 
 // Listen to all events.
 topper.on(TOPPER_EVENTS.ALL, ({ data, name }) => {});
-
+```

docs/flows/crypto-onramp.mdx

@@ -52,7 +52,7 @@ We recommend that you use `XRP` for testing purposes when integrating Topper sin
   </TabItem>
   <TabItem label="Example" value="example">
 
-```json
+```js
 {
   "iat": 1679538023,
   "jti": "4b552af1-1592-42f8-bbc9-dac28e2b4000",
@@ -92,7 +92,7 @@ We recommend that you use `XRP` for testing purposes when integrating Topper sin
 
 When `recipientEditMode` is `not-editable`, the user can can't change `asset`, `network`, `address` or `tag` on the widget. This means that these fields are all required on the bootstrap token.
 
-```json
+```js
 {
   "iat": 1679538023,
   "jti": "4b552af1-1592-42f8-bbc9-dac28e2b4000",
@@ -114,7 +114,7 @@ When `recipientEditMode` is `not-editable`, the user can can't change `asset`, `
 
 When `recipientEditMode` is `only-address-and-tag`, the user can only change `address` and `tag` on the widget. This means that these fields are optional on the bootstrap token but you can still provide values for them. On the other hand, `asset` and `network` become mandatory.
 
-```json
+```js
 {
   "iat": 1679538023,
   "jti": "4b552af1-1592-42f8-bbc9-dac28e2b4000",
@@ -134,7 +134,7 @@ When `recipientEditMode` is `only-address-and-tag`, the user can only change `ad
 
 When `recipientEditMode` is `all-editable`, the user can change `asset`, `network`, `address` and `tag` on the widget. This means that all these fields are optional on the bootstrap token but you can still provide values for them.
 
-```json
+```js
 {
   "iat": 1679538023,
   "jti": "4b552af1-1592-42f8-bbc9-dac28e2b4000",
@@ -197,7 +197,7 @@ The values for `origin.paymentMethod.type` can be found using our [REST API](../
   </TabItem>
   <TabItem label="Example" value="example">
 
-```json
+```js
 {
   "name": "order:crypto-onramp:committed",
   "id": "00a991cf-a870-43af-88b8-43c51532831d",
@@ -296,7 +296,7 @@ The values for `origin.paymentMethod.type` can be found using our [REST API](../
   </TabItem>
   <TabItem label="Example" value="example">
 
-```json
+```js
 {
   "name": "order:crypto-onramp:charged",
   "id": "00a991cf-a870-43af-88b8-43c51532831d",
@@ -397,7 +397,7 @@ The values for `origin.paymentMethod.type` can be found using our [REST API](../
   </TabItem>
   <TabItem label="Example" value="example">
 
-```json
+```js
 {
   "name": "order:crypto-onramp:completed",
   "id": "00a991cf-a870-43af-88b8-43c51532831d",
@@ -499,7 +499,7 @@ The values for `origin.paymentMethod.type` can be found using our [REST API](../
   </TabItem>
   <TabItem label="Example" value="example">
 
-```json
+```js
 {
   "name": "order:crypto-onramp:failed",
   "id": "00a991cf-a870-43af-88b8-43c51532831d",
@@ -602,7 +602,7 @@ The values for `origin.paymentMethod.type` can be found using our [REST API](../
   </TabItem>
   <TabItem label="Example" value="example">
 
-```json
+```js
 {
   "name": "order:crypto-onramp:refund:completed",
   "id": "00a991cf-a870-43af-88b8-43c51532831d",

docs/theming.md

@@ -10,8 +10,8 @@ The default is the dark theme, but you can easily switch by adding `&theme=light
 
 **Using the [Web SDK](./web-sdk.md):**
 
-```
+```js
 const topper = new TopperWebSdk({ theme: TOPPER_THEMES.LIGHT });
 
 topper.initialize({ bootstrapToken: <bootstrap token> });
-```
+```

docs/web-sdk.md

@@ -6,4 +6,4 @@ sidebar_position: 10
 
 The Web SDK is designed to help you integrate Topper in a seamless way. It supports multiple ways of initializing Topper, adding configuration, browser events and multi-instance support.
 
-Please, refer to the [offical documentation](https://github.com/uphold/topper-web-sdk).
+Please, refer to the [official documentation](https://github.com/uphold/topper-web-sdk).

docusaurus.config.js

@@ -1,5 +1,5 @@
-const darkCodeTheme = require('prism-react-renderer/themes/dracula');
-const lightCodeTheme = require('prism-react-renderer/themes/github');
+const darkCodeTheme = require('prism-react-renderer').themes.dracula;
+const lightCodeTheme = require('prism-react-renderer').themes.github;
 
 const config = {
   baseUrl: '/',