Highlight replay snippets (#9454)

* feat: highlight Network Details on js replay setup snippet

* feat: highlight replayCanvasIntegration()

* feat: hightlight `replaysSessionSampleRate` and `integrations` in
session replay setup snippets

* hightlight `replaysOnErrorSampleRate`

docs/platforms/javascript/common/session-replay/configuration.mdx

@@ -79,7 +79,7 @@ Requests to a URL matched by the configured patterns will be enhanced with the r
 
 If you want to capture additional headers, you'll have to configure them with the options `networkRequestHeaders` and `networkResponseHeaders`, for example:
 
-```javascript
+```javascript {7-8}
 replayIntegration({
   networkDetailAllowUrls: [
     window.location.origin,

platform-includes/session-replay/setup-canvas/javascript.angular.mdx

@@ -1,4 +1,4 @@
-```javascript
+```javascript {13}
 import * as Sentry from "@sentry/angular-ivy";
 
 Sentry.init({

platform-includes/session-replay/setup-canvas/javascript.astro.mdx

@@ -1,4 +1,4 @@
-```javascript
+```javascript {13}
 import * as Sentry from "@sentry/astro";
 
 Sentry.init({

platform-includes/session-replay/setup-canvas/javascript.ember.mdx

@@ -1,4 +1,4 @@
-```javascript
+```javascript {13}
 import * as Sentry from "@sentry/ember";
 
 Sentry.init({

platform-includes/session-replay/setup-canvas/javascript.gatsby.mdx

@@ -1,4 +1,4 @@
-```javascript
+```javascript {13}
 import * as Sentry from "@sentry/gatsby";
 
 Sentry.init({

platform-includes/session-replay/setup-canvas/javascript.mdx

@@ -1,4 +1,4 @@
-```javascript
+```javascript {14}
 // import Sentry from your framework SDK (e.g. @sentry/react) instead of @sentry/browser
 import * as Sentry from "@sentry/browser";
 

platform-includes/session-replay/setup-canvas/javascript.nextjs.mdx

@@ -1,4 +1,4 @@
-```javascript
+```javascript {13}
 import * as Sentry from "@sentry/nextjs";
 
 Sentry.init({

platform-includes/session-replay/setup-canvas/javascript.react.mdx

@@ -1,4 +1,4 @@
-```javascript
+```javascript {13}
 import * as Sentry from "@sentry/react";
 
 Sentry.init({

platform-includes/session-replay/setup-canvas/javascript.remix.mdx

@@ -1,4 +1,4 @@
-```javascript
+```javascript {13}
 import * as Sentry from "@sentry/remix";
 
 Sentry.init({

platform-includes/session-replay/setup-canvas/javascript.svelte.mdx

@@ -1,4 +1,4 @@
-```javascript
+```javascript {13}
 import * as Sentry from "@sentry/svelte";
 
 Sentry.init({

platform-includes/session-replay/setup-canvas/javascript.sveltekit.mdx

@@ -1,4 +1,4 @@
-```javascript
+```javascript {13}
 import * as Sentry from "@sentry/sveltekit";
 
 Sentry.init({
@@ -31,4 +31,3 @@ Sentry.init({
   crossorigin="anonymous"
 ></script>
 ```
-

platform-includes/session-replay/setup-canvas/javascript.vue.mdx

@@ -1,4 +1,4 @@
-```javascript
+```javascript {13}
 import * as Sentry from "@sentry/vue";
 
 Sentry.init({
@@ -15,4 +15,3 @@ Sentry.init({
   ],
 });
 ```
-

platform-includes/session-replay/setup/javascript.angular.mdx

@@ -1,4 +1,4 @@
-```javascript
+```javascript {8,12,14-20}
 import * as Sentry from "@sentry/angular-ivy";
 
 Sentry.init({

platform-includes/session-replay/setup/javascript.astro.mdx

@@ -2,7 +2,7 @@ Session replay is enabled by default if you use the SDK configuration in your `a
 
 You can customize Replay sample rates like so:
 
-```javascript {filename:astro.config.mjs}
+```javascript {filename:astro.config.mjs} {8-9}
 import { defineConfig } from "astro/config";
 import sentry from "@sentry/astro";
 
@@ -19,7 +19,7 @@ export default defineConfig({
 
 If you have a <PlatformLink to="/manual-setup/#manual-sdk-initialization">custom SDK configuration file</PlatformLink> for the client side (`sentry.client.config.js`), add the Sentry `Replay` integration:
 
-```javascript {filename:sentry.client.config.js}
+```javascript {filename:sentry.client.config.js} {5-7}
 import * as sentry from "@sentry/astro";
 
 Sentry.init({

platform-includes/session-replay/setup/javascript.capacitor.mdx

@@ -6,7 +6,7 @@ Several options are supported and passable using the integration constructor. Se
 
 <SignInNote />
 
-```javascript
+```javascript {9,13,15-21}
 import * as Sentry from "@sentry/capacitor";
 import { Replay } from "@sentry/replay";
 

platform-includes/session-replay/setup/javascript.electron.mdx

@@ -1,4 +1,4 @@
-```javascript
+```javascript {8,12,14-20}
 import * as Sentry from "@sentry/electron/renderer";
 
 Sentry.init({

platform-includes/session-replay/setup/javascript.ember.mdx

@@ -1,4 +1,4 @@
-```javascript
+```javascript {8,12,14-20}
 import * as Sentry from "@sentry/ember";
 
 Sentry.init({

platform-includes/session-replay/setup/javascript.gatsby.mdx

@@ -1,4 +1,4 @@
-```javascript
+```javascript {8,12,14-20}
 import * as Sentry from "@sentry/gatsby";
 
 Sentry.init({

platform-includes/session-replay/setup/javascript.mdx

@@ -1,4 +1,4 @@
-```javascript
+```javascript {9,13,15-21}
 // import Sentry from your framework SDK (e.g. @sentry/react) instead of @sentry/browser
 import * as Sentry from "@sentry/browser";
 

platform-includes/session-replay/setup/javascript.nextjs.mdx

@@ -1,6 +1,6 @@
 On your client-side NextJS app, add:
 
-```javascript
+```javascript {8,12,14-20}
 import * as Sentry from "@sentry/nextjs";
 
 Sentry.init({

platform-includes/session-replay/setup/javascript.react.mdx

@@ -1,4 +1,4 @@
-```javascript
+```javascript {8,12,14-20}
 import * as Sentry from "@sentry/react";
 
 Sentry.init({

platform-includes/session-replay/setup/javascript.remix.mdx

@@ -1,6 +1,6 @@
 On your client-side Remix app, add:
 
-```javascript
+```javascript {8,12,14-20}
 import * as Sentry from "@sentry/remix";
 
 Sentry.init({

platform-includes/session-replay/setup/javascript.svelte.mdx

@@ -1,4 +1,4 @@
-```javascript
+```javascript {8,12,14-20}
 import * as Sentry from "@sentry/svelte";
 
 Sentry.init({

platform-includes/session-replay/setup/javascript.sveltekit.mdx

@@ -1,6 +1,6 @@
 On your client-side SvelteKit app, add:
 
-```javascript
+```javascript {8,12,14-20}
 import * as Sentry from "@sentry/sveltekit";
 
 Sentry.init({

platform-includes/session-replay/setup/javascript.vue.mdx

@@ -1,4 +1,4 @@
-```javascript
+```javascript {8,12,14-20}
 import * as Sentry from "@sentry/vue";
 
 Sentry.init({