Reformatting into the getting-started flow instead of quickstart flow.

Author: codyde

docs/platforms/javascript/guides/react/getting-started.mdx

@@ -10,7 +10,7 @@ This guide covers the full getting started pocess for the React SDK and assumes
 
 <PlatformContent includePath="getting-started-prerequisites" />
 
-<StepConnector checkable>
+<StepConnector>
 
 ## Install
 
@@ -28,7 +28,7 @@ npm install @sentry/react --save
 
 ### Initialize the Sentry SDK
 
-Add the following to your application's entry point (typically `index.js`, `main.js`, or `App.js`) or to the file before you use any other Sentry method:
+To import and initialize Sentry, create a file in your project's root directory, for example, `instrument.js`, and add the following code:
 
 ```javascript {filename:instrument.js}
 import * as Sentry from "@sentry/react";
@@ -175,9 +175,7 @@ logger.error("Payment processing failed", {
 logger.warn(logger.fmt`Rate limit exceeded for user: ${userId}`);
 ```
 
-<Break />
-
-## (Optional) Customizing Replays 
+## Customizing Replays (Optional) 
 
 [Replays](/product/explore/session-replay/web/getting-started/) allow you to see video-like reproductions of user sessions. 
 
@@ -209,9 +207,7 @@ Sentry.init({
 <span data-safe-to-show>Safe user data: {username}</span>
 ```
 
- 
-
-## (Optional) Custom Traces with Attributes
+## Custom Traces with Attributes (Optional) 
 
 [Tracing](/platforms/javascript/guides/react/tracing/) allows you to monitor interactions between multiple services or applications. Create custom spans to measure specific operations and add meaningful attributes. This helps you understand performance bottlenecks and debug issues with detailed context.
 
@@ -263,9 +259,7 @@ if (span) {
 }
 ```
 
- 
-
-## Step 7: Avoid Ad Blockers With Tunneling (Optional)
+## Avoid Ad Blockers With Tunneling (Optional)
 
 <PlatformContent includePath="getting-started-tunneling" />