rework SvelteKit manual setup page into quick start guide

Author: inventarSarah

docs/platforms/javascript/guides/sveltekit/manual-setup.mdx

@@ -9,7 +9,26 @@ description: "Learn how to manually set up Sentry in your SvelteKit app and capt
   installer](/platforms/javascript/guides/sveltekit).
 </Alert>
 
-<PlatformContent includePath="getting-started-prerequisites" />
+## Prerequisites
+
+You need:
+
+- A Sentry [account](https://sentry.io/signup/) and [project](/product/projects/)
+- Your application up and running
+
+<Expandable title="Notes on SvelteKit adapter compatibility">
+The SvelteKit Sentry SDK is designed to work out of the box with the following SvelteKit adapters:
+
+- [Adapter-auto](https://kit.svelte.dev/docs/adapter-auto) – for Vercel; other platforms might work but we don't guarantee compatibility at this time
+- [Adapter-vercel](https://kit.svelte.dev/docs/adapter-vercel) – only for Node (Lambda) runtimes, not yet Vercel's edge runtime
+- [Adapter-cloudflare](https://kit.svelte.dev/docs/adapter-cloudflare) – supported but requires [additional setup](https://docs.sentry.io/platforms/javascript/guides/cloudflare/frameworks/sveltekit/)
+- [Adapter-node](https://kit.svelte.dev/docs/adapter-node)
+
+Other adapters may work but aren't currently supported. We're looking into extending first-class support to more adapters in the future.
+
+Also, Sentry's SvelteKit SDK does not yet work with all non-node server runtimes, such as Vercel's edge runtime.
+
+</Expandable>
 
 ## Step 1: Install
 
@@ -45,7 +64,7 @@ You need to initialize and configure the Sentry SDK in three places: the client
 
 ### Configure Client-side Sentry
 
-Create a client hooks file `src/hooks.client.(js|ts)` if you don't have one already. In this file, import and initialize the Sentry SDK, specifying any SDK options for the client. Add the `handleErrorWithSentry` function to the [`handleError` hook](https://svelte.dev/docs/kit/hooks#Shared-hooks-handleError).
+Create a client hooks file `src/hooks.client.(js|ts)` if you don't have one already. In this file, import and initialize the Sentry SDK and add the `handleErrorWithSentry` function to the [`handleError` hook](https://svelte.dev/docs/kit/hooks#Shared-hooks-handleError).
 
 ```javascript {filename:hooks.client.(js|ts)} {1, 3-28, 34}
 import * as Sentry from "@sentry/sveltekit";
@@ -89,7 +108,7 @@ export const handleError = Sentry.handleErrorWithSentry(myErrorHandler);
 
 ### Configure Server-side Sentry
 
-Create a server hooks file `src/hooks.server.(js|ts)` if you don't have one already. In this file, import and initialize the Sentry SDK, specifying any SDK options for the client. Additionally, add the `handleErrorWithSentry` function to the [`handleError` hook](https://svelte.dev/docs/kit/hooks#Shared-hooks-handleError) and add the Sentry request handler to the [`handle` hook](https://kit.svelte.dev/docs/hooks#server-hooks-handle).
+Create a server hooks file `src/hooks.server.(js|ts)` if you don't have one already. In this file, import and initialize the Sentry SDK and add the `handleErrorWithSentry` function to the [`handleError` hook](https://svelte.dev/docs/kit/hooks#Shared-hooks-handleError) and the Sentry request handler to the [`handle` hook](https://kit.svelte.dev/docs/hooks#server-hooks-handle).
 
 ```javascript {filename:hooks.server.(js|ts)} {1, 3-18, 24, 28}
 import * as Sentry from "@sentry/sveltekit";
@@ -411,11 +430,11 @@ Follow this guide to [configure Sentry for Cloudflare](/platforms/javascript/gui
 
 You can prevent ad blockers from blocking Sentry events using tunneling. Use the `tunnel` option to add an API endpoint in your application that forwards Sentry events to Sentry servers.
 
-Update `Sentry.init` file with the following options:
+Update `Sentry.init` in your `hooks.client.(js|ts)` file with the following option:
 
-```javascript
+```javascript {filename:hooks.client.(js|ts)}
 Sentry.init({
-  dsn: "https://[email protected]/0",
+  dsn: "___PUBLIC_DSN___",,
   tunnel: "/tunnel",
 });
 ```
@@ -428,9 +447,9 @@ Let's test your setup and confirm that Sentry is working correctly and sending d
 
 ### Issues
 
-To verify that Sentry captures errors and creates issues in your Sentry project, create a test page, for example at `src/routes/sentry-example/+page.svelte` with a button:
+To verify that Sentry captures errors and creates issues in your Sentry project, create a test page, for example, at `src/routes/sentry-example/+page.svelte` with a button that throws an error when clicked:
 
-```javascript
+```javascript {filename:+page.svelte}
 <button
   type="button"
   onclick={() => {
@@ -452,15 +471,15 @@ To verify that Sentry captures errors and creates issues in your Sentry project,
 ### Tracing
 To test tracing, create a test API route like `src/routes/sentry-example/+server.(js|ts)`:
 
-```javascript
+```javascript {filename:+server.(js|ts)}
 export const GET = async () => {
   throw new Error("Sentry Example API Route Error");
 };
 ```
 
 Next, update your test button to call this route and throw an error if the response isn't `ok`:
 
-```javascript
+```javascript {filename:+page.svelte}
 <script>
   import * as Sentry from '@sentry/sveltekit';