Apply suggestions from code review

Co-authored-by: Krystof Woldrich <[email protected]>

docs/platforms/react-native/session-replay/index.mdx

@@ -101,18 +101,18 @@ Sentry.mobileReplayIntegration({
 
 ## React Component Names
 
-Sentry helps you capture your React components and unlock additional insights in your application. You can set it up to use React component names instead of selectors.
+Sentry helps you capture your React components and unlock additional insights in your application. You can set it up to use React component names.
 
-So instead of looking at selectors like this:
+So instead of looking at this:
 
-```html
-button.en302zp1.app-191aavw.e16hd6vm2[role="button"][data-test-id="common-options"]
+```html {tabTitle:Generic Components}
+View > Touchable > View > Text
 ```
 
 You can also see exactly which React component was used, like:
 
-```html
-CommonOptions
+```html {tabTitle:React Components}
+MyCard (View, MyCard.ts) > MyButton (Touchable, MyCard.ts) > View > Text
 ```
 
 To add React Component Names use `annotateReactComponents` in `metro.config.js`.
@@ -124,7 +124,6 @@ module.exports = withSentryConfig(getDefaultConfig(__dirname), { annotateReactCo
 ```
 
 ```js {tabTitle: Expo}
-// For Expo
 const { getSentryExpoConfig } = require("@sentry/react-native/metro");
 const config = getSentryExpoConfig(__dirname, { annotateReactComponents: true });
 ```