fix(docs) : Fix navbar items UI (#4599)

* Fix navbar items UI

Author: vivekjain23

.changeset/dull-birds-remain.md

@@ -0,0 +1,8 @@
+---
+'@iota/create-dapp': patch
+'@iota/iota-sdk': patch
+'@iota/dapp-kit': patch
+'@iota/kiosk': patch
+---
+
+Update documentation urls

apps/wallet-dashboard/components/Dialogs/Assets/views/DetailsView.tsx

@@ -43,12 +43,12 @@ export function DetailsView({ onClose, asset, onSend }: DetailsViewProps) {
     const { fileExtensionType, filePath } = useNFTBasicData(objectData);
 
     function handleMoreAboutKiosk() {
-        window.open('https://docs.iota.org/references/ts-sdk/kiosk/', '_blank');
+        window.open('https://docs.iota.org/ts-sdk/kiosk/', '_blank');
     }
 
     function handleMarketplace() {
         // TODO: https://github.com/iotaledger/iota/issues/4024
-        window.open('https://docs.iota.org/references/ts-sdk/kiosk/', '_blank');
+        window.open('https://docs.iota.org/ts-sdk/kiosk/', '_blank');
     }
 
     return (

apps/wallet/src/ui/app/pages/home/nft-details/index.tsx

@@ -33,12 +33,12 @@ export function NFTDetailsPage() {
     const isPending = isLoading || isGuardLoading;
 
     function handleMoreAboutKiosk() {
-        window.open('https://docs.iota.org/references/ts-sdk/kiosk/', '_blank');
+        window.open('https://docs.iota.org/ts-sdk/kiosk/', '_blank');
     }
 
     function handleMarketplace() {
         // TODO: https://github.com/iotaledger/iota/issues/4024
-        window.open('https://docs.iota.org/references/ts-sdk/kiosk/', '_blank');
+        window.open('https://docs.iota.org/ts-sdk/kiosk/', '_blank');
     }
 
     function handleSend() {

dapps/multisig-toolkit/src/routes/multisig-address.tsx

@@ -137,7 +137,7 @@ export default function MultiSigAddressGenerator() {
                     <CardHeader>
                         <CardTitle>IOTA MultiSig Address</CardTitle>
                         <CardDescription>
-                            https://docs.iota.org/references/ts-sdk/typescript/cryptography/multisig
+                            https://docs.iota.org/ts-sdk/typescript/cryptography/multisig
                         </CardDescription>
                     </CardHeader>
                     <CardContent>

docs/content/developer/dev-cheat-sheet.mdx

@@ -36,7 +36,7 @@ Quick reference on best practices for IOTA Network developers.
 
 | **Topic** | **Description** |
 |-|-|
-| **Optimal performance** | For optimal performance and data consistency, apps should use the wallet's [`signTransactionBlock`](../references/ts-sdk/dapp-kit/index.mdx) API to sign transactions and then submit them via [`execute_transactionBlock`](/iota-api-ref#iota_executetransactionblock) on the app's full node. This ensures immediate read-after-write consistency, as the app's full node reflects writes instantly, avoiding delays from checkpointing. |
+| **Optimal performance** | For optimal performance and data consistency, apps should use the wallet's [`signTransactionBlock`](../ts-sdk/dapp-kit/index.mdx) API to sign transactions and then submit them via [`execute_transactionBlock`](/iota-api-ref#iota_executetransactionblock) on the app's full node. This ensures immediate read-after-write consistency, as the app's full node reflects writes instantly, avoiding delays from checkpointing. |
 | **Lower latency** | For lower latency, use [`executeTransactionBlock`](/iota-api-ref#iota_executetransactionblock) with `"showEffects": false` and `"showEvents": false` if your app only needs confirmation of a transaction without immediate access to its effects or events.|
 | **Local cache** | Apps should implement a local cache for frequently read data rather than over-fetching from the full node. |
 | **Transaction cache**| Whenever possible,use programmable transaction blocks to compose on-chain functionality instead of deploying new contracts, enabling batching and lowering gas fees. |

docs/content/developer/evm-to-move/tooling-apis.mdx

@@ -37,7 +37,7 @@ Unlike with EVM, where open-source third parties create the most used tooling, t
 
 ### SDKs
 
-IOTA Move comes with a convenient [Rust](../../references/rust-sdk.mdx) and [TypeScript SDK](../../references/ts-sdk/typescript/index.mdx) right out of the box as part of the IOTA Move core. Next to that, a dApp toolkit is also offered by default, which provides several React components to more easily integrate your IOTA Move contract interaction within your dApp.  While TypeScript covers most dApp requirements for an SDK, there might not be an SDK available for your language of choice at the moment. However, You can use one of the APIs directly on a lower level.
+IOTA Move comes with a convenient [Rust](../../references/rust-sdk.mdx) and [TypeScript SDK](../../ts-sdk/typescript/index.mdx) right out of the box as part of the IOTA Move core. Next to that, a dApp toolkit is also offered by default, which provides several React components to more easily integrate your IOTA Move contract interaction within your dApp.  While TypeScript covers most dApp requirements for an SDK, there might not be an SDK available for your language of choice at the moment. However, You can use one of the APIs directly on a lower level.
 
 ### Wallets
 

docs/content/developer/getting-started/client-tssdk.mdx

@@ -34,14 +34,14 @@ yarn create @iota/dapp --template react-client-dapp
 
 ## What is the IOTA TypeScript SDK?
 
-The [IOTA TypeScript SDK](../../references/ts-sdk/typescript/index.mdx) (`@iota/iota-sdk`) provides the essential
+The [IOTA TypeScript SDK](../../ts-sdk/typescript/index.mdx) (`@iota/iota-sdk`) provides the essential
 functionality needed to interact with the IOTA
 ecosystem from TypeScript. It's versatile enough to be used in any TypeScript or JavaScript project, including web apps,
 Node.js applications, or mobile apps developed with tools like React Native that support TypeScript.
 
 ## What is dApp Kit?
 
-[dApp Kit](../../references/ts-sdk/dapp-kit/index.mdx). (`@iota/dapp-kit`) is a collection of React hooks, components,
+[dApp Kit](../../ts-sdk/dapp-kit/index.mdx). (`@iota/dapp-kit`) is a collection of React hooks, components,
 and utilities designed to simplify building
 decentralized applications (dApps) on the IOTA network.
 

docs/content/developer/getting-started/iota-environment.mdx

@@ -29,7 +29,7 @@ IOTA nodes.
 
 IOTA provides two official SDKs that you can use to interact with the IOTA network from your dApp:
 
-* [Typescript SDK](../../references/ts-sdk/typescript/index.mdx)
+* [Typescript SDK](../../ts-sdk/typescript/index.mdx)
 * [Rust SDK](../../references/rust-sdk.mdx)
 
 ## Move IDEs and plugins

docs/content/developer/iota-101/move-overview/package-upgrades/custom-policies.mdx

@@ -546,7 +546,7 @@ you'll publish this package and then upgrade it to change the value emitted in t
 ### Using the TypeScript SDK
 
 To publish and upgrade the package using your custom policy,
-you'll need to use the [IOTA TypeScript SDK](../../../../references/ts-sdk/typescript/index.mdx).
+you'll need to use the [IOTA TypeScript SDK](../../../../ts-sdk/typescript/index.mdx).
 
 #### 1. Set Up a Node.js Project
 

docs/content/developer/iota-101/transactions/ptb/building-programmable-transaction-blocks-ts-sdk.mdx

@@ -7,7 +7,7 @@ import questions from '/json/developer/iota-101/transactions/ptb/building-progra
 # Build Programmable Transaction Blocks with TypeScript SDK
 
 This guide illustrates how to build a [programmable transaction block (PTB)](programmable-transaction-blocks.mdx) on IOTA
-using the [TypeScript SDK](../../../../references/ts-sdk/typescript/install.mdx). 
+using the [TypeScript SDK](../../../../ts-sdk/typescript/install.mdx).
 
 This example starts by building a PTB to send IOTA tokens.
 To construct transactions, import the `Transaction` class and create a new instance:

docs/content/developer/iota-101/transactions/ptb/coin-management.mdx

@@ -28,7 +28,7 @@ making coin management a crucial step in transaction preparation.
 
 ## Using the IOTA SDKs
 
-The IOTA SDKs for [TypeScript](../../../../references/ts-sdk/typescript/index.mdx) and [Rust](../../../../references/rust-sdk.mdx) handle coin management automatically,
+The IOTA SDKs for [TypeScript](../../../../ts-sdk/typescript/index.mdx) and [Rust](../../../../references/rust-sdk.mdx) handle coin management automatically,
 merging coins as needed and assuming sequential transaction execution.
 This automation simplifies the process for most use cases where high concurrency isn't a concern.
 

docs/content/developer/iota-101/transactions/ptb/programmable-transaction-blocks-overview.mdx

@@ -7,7 +7,7 @@ description: Learn about Programmable Transaction Blocks (PTBs) in IOTA and how
 
 ## Building PTBs with the TypeScript SDK
 
-To truly harness the capabilities of PTBs, practical experience is key. Utilizing tools like the [IOTA TypeScript SDK](../../../../references/ts-sdk/typescript/index.mdx) allows you to explore the power and flexibility that PTBs offer.
+To truly harness the capabilities of PTBs, practical experience is key. Utilizing tools like the [IOTA TypeScript SDK](../../../../ts-sdk/typescript/index.mdx) allows you to explore the power and flexibility that PTBs offer.
 
 Dive deeper into this topic in [Building Programmable Transaction Blocks](building-programmable-transaction-blocks-ts-sdk).
 

docs/content/developer/iota-101/transactions/sign-and-send-transactions.mdx

@@ -56,7 +56,7 @@ Below are examples demonstrating how to sign and submit transactions using Rust,
 
 <TabItem value="typescript" label="TypeScript">
 
-There are several methods to create a key pair and derive its public key and Move address using the [Move TypeScript SDK](../../../references/ts-sdk/typescript/index.mdx).
+There are several methods to create a key pair and derive its public key and Move address using the [Move TypeScript SDK](../../../ts-sdk/typescript/index.mdx).
 
 ```tsx
 import { fromHEX } from '@iota/bcs';

docs/content/developer/iota-101/using-events.mdx

@@ -82,7 +82,7 @@ curl -X POST https://api.testnet.iota.cafe:443 \
 ```
 
 The TypeScript SDK provides a wrapper for the `iotax_queryEvents` method:
-[`client.queryEvents`](../../references/ts-sdk/api/client/classes/IotaClient#queryevents).
+[`client.queryEvents`](../../ts-sdk/api/client/classes/IotaClient#queryevents).
 
 </TabItem>
 <TabItem value="rs" label="Rust">
@@ -144,7 +144,7 @@ You can use GraphQL to query events instead of JSON RPC. The following example q
 
 :::tip
 
-The [TypeScript SDK](../../references/ts-sdk/api/graphql/classes/IotaGraphQLClient) provides functionality to
+The [TypeScript SDK](../../ts-sdk/api/graphql/classes/IotaGraphQLClient) provides functionality to
 interact with the IOTA GraphQL service.
 
 :::
@@ -184,7 +184,7 @@ async fn main() -> Result<()> {
 </TabItem>
 <TabItem value="ts" label="TypeScript">
 
-To create the event subscription, you can use a basic Node.js app. You need the [IOTA TypeScript SDK](../../references/ts-sdk/typescript/index.mdx), so install the module using `npm install @iota/iota-sdk` at the root of your project. In your TypeScript code, import `JsonRpcProvider` and a connection from the library.
+To create the event subscription, you can use a basic Node.js app. You need the [IOTA TypeScript SDK](../../ts-sdk/typescript/index.mdx), so install the module using `npm install @iota/iota-sdk` at the root of your project. In your TypeScript code, import `JsonRpcProvider` and a connection from the library.
 
 ```ts
 

docs/content/developer/standards/kiosk.mdx

@@ -16,7 +16,7 @@ Practically, Kiosk is a part of the IOTA framework, and it is native to the syst
 
 :::info
 
-See the [Kiosk SDK documentation](../../references/ts-sdk/kiosk/index.mdx) for examples of working with Kiosk using TypeScript.
+See the [Kiosk SDK documentation](../../ts-sdk/kiosk/index.mdx) for examples of working with Kiosk using TypeScript.
 
 :::
 

docs/content/developer/standards/wallet-standard.mdx

@@ -327,6 +327,6 @@ These values are all arrays containing the new or changed items. Consequently, e
 
 ### Implementation Example
 
-IOTA offers a bare bones scaffold for React-based applications called `@iota/dapp-kit`. See the [dApp Kit documentation](../../references/ts-sdk/dapp-kit/index.mdx) for more information.
+IOTA offers a bare bones scaffold for React-based applications called `@iota/dapp-kit`. See the [dApp Kit documentation](../../ts-sdk/dapp-kit/index.mdx) for more information.
 
 <Quiz questions={questions} />

docs/content/references/references.mdx

@@ -48,7 +48,7 @@ Access IOTA Move functions on chain using the IOTA Move CLI.
 Official software development kits (SDKs) available for IOTA include the TypeScript SDK and Rust SDK.
 
 <Cards>
-<Card title="IOTA TypeScript SDK" href="/references/ts-sdk/typescript">
+<Card title="IOTA TypeScript SDK" href="/ts-sdk/typescript">
 The IOTA TypeScript SDK has its own microsite. Click this box to go there.
 </Card>
 <Card title="IOTA Rust SDK" href="/references/rust-sdk"/>

docs/content/sidebars/developer.js

@@ -55,7 +55,7 @@ const developer = [
             {
                 type: 'link',
                 label: 'Typescript SDK',
-                href: '/references/ts-sdk/typescript',
+                href: '/ts-sdk/typescript',
             },
         ],
     },