Add alternative programmatic ways to trigger modal

- Show appKit.open() method with different view options
- Include examples for Connect, Account, and general modal opening
- Add other AppKit web components (connect-button, account-button, network-button)
- Keep <appkit-button /> as main recommended approach with alternatives clearly labeled

Co-Authored-By: rohit@reown.com <rrohitramesh710@gmail.com>

Author: devin-ai-integration[bot]

appkit/svelte/core/installation.mdx

@@ -182,6 +182,38 @@ The `<appkit-button />` is a web component that's automatically registered when
 
 ### Alternative approaches
 
+You can also trigger the modal programmatically using the AppKit instance:
+
+```svelte
+<script lang="ts">
+  import { appKit } from '$lib/appkit';
+
+  function openModal() {
+    appKit?.open();
+  }
+
+  function openConnectModal() {
+    appKit?.open({ view: 'Connect' });
+  }
+
+  function openAccountModal() {
+    appKit?.open({ view: 'Account' });
+  }
+</script>
+
+<button on:click={openModal}>Open Modal</button>
+<button on:click={openConnectModal}>Connect Wallet</button>
+<button on:click={openAccountModal}>View Account</button>
+```
+
+Or use other AppKit web components:
+
+```svelte
+<appkit-connect-button />
+<appkit-account-button />
+<appkit-network-button />
+```
+
 <Tabs>
 <Tab title="Wagmi">