docs(tutorials): add "Browser dApp with an injected wallet" tutorial

[DpacJones]

Adds a tutorial showing how to deploy a Compact contract, call a circuit, and read contract state from a minimal browser dApp that delegates chain sync, balancing, proving, and signing to an injected wallet (Lace or 1AM) via the DApp connector API — avoiding a headless wallet sync. Targets the current SDK line (midnight-js 4.x, compact-runtime 0.15, ledger v8) and works on preview and preprod. Linked from the Tutorials landing page.

[vercel]

@DpacJones is attempting to deploy a commit to the Midnight Foundation Team on Vercel.

A member of the Team first needs to authorize it.

[oduameh]

Good tutorial covering a real gap in the docs (wallet-delegated browser DApp). The architecture is sound and the code examples verified against the current SDK types via tsc --noEmit. Build passes locally.

A few items to address before merge:

Must fix:

• Em-dashes throughout (8 instances in tutorial, 1 in tile) -- our style uses commas, periods, or parentheses
• description exceeds 120-160 char limit (212 chars)
• Indexer URL uses /api/v3/graphql, should be /api/v4/graphql
• inMemoryPrivateStateProvider() is used but never imported or defined
• Missing _category_.yaml for the browser-dapp/ directory. All other tutorial directories include one (verified: bboard, bship, leaderboard, zk-loan, private-party). Without it, the sidebar label and collapsible behavior fall back to Docusaurus defaults. Consider adding:

position: 60
label: 'Browser DApp'
description: "Intermediate: deploy, call, and read contract state from a browser DApp with an injected wallet."
collapsible: true
collapsed: true
link:
  type: doc
  id: tutorials/browser-dapp/index

• compact-runtime 0.15 is outdated (0.16.0 is latest)

Should fix:

• "dApp" should be "DApp" per brand guide (6 instances)
• Missing toc_max_heading_level: 2 in frontmatter
• FinalizedTransaction should use import type
• as any in 6 places obscures type information
• No next-steps section
• Tags missing difficulty level

Suggestions are batch-committable.

[oduameh]

The current indexer API version is v4. The indexer 4.0.0 release notes state: "v3 is available as an alias of v4 to support migration windows for existing clients." All other tutorials use v4 (verified against docs/tutorials/bboard/bboard-cli-implementation.mdx:192).

Suggested change

	'https://indexer.preview.midnight.network/api/v3/graphql',
	'wss://indexer.preview.midnight.network/api/v3/graphql/ws',
	'https://indexer.preview.midnight.network/api/v4/graphql',
	'wss://indexer.preview.midnight.network/api/v4/graphql/ws',

[DpacJones]

Thanks @oduameh, this was a really thorough review, appreciated. Pushed a commit addressing the must-fixes:

Fixed in the latest push

• ✅ Indexer URL → /api/v4/graphql (http + ws)
• ✅ inMemoryPrivateStateProvider — it isn't a published SDK export, so I added the import and cross-linked the Leaderboard tutorial, which ships a complete in-memory PrivateStateProvider readers can copy verbatim. Happy to inline a minimal version instead if you'd rather keep this page self-contained.
• ✅ Added browser-dapp/category.yaml (position 60, matching the sibling format)
• ✅ Moved to the 0.16 runtime line — one nuance below

On the runtime bump: bumping compact-runtime alone to ^0.16.0 actually reintroduces a version mismatch, because @midnight-ntwrk/compact-js@2.5.0 exact-pins compact-runtime@0.15.0 — npm still resolves 0.15 transitively and proving fails at runtime. tsc --noEmit won't catch it, since the mismatch surfaces at proof time, not compile time. So I moved the coordinated set together:

• compact-js ^2.5.0 → ^2.5.1 (2.5.1 pins runtime 0.16.0)
• compact-runtime ^0.15.0 → ^0.16.0
• ledger-v8 ^8.0.0 → ^8.0.3

…and documented the compactc 0.31.x / language 0.23 / runtime 0.16 coupling in the prerequisites and troubleshooting, since the reader's compiled bindings have to match the runtime they install.

Accepting your inline suggestions for the remaining style items (em-dashes, dApp→DApp, description length, toc_max_heading_level, import type FinalizedTransaction, difficulty tag) — batching those now.

Still considering the as any cleanup via a CompiledContract.make() type param like zk-loan does — will follow up if I can preserve the types cleanly through the chain.

Thanks again!