docs: React Native tutorial admonitions (#13308)

Co-authored-by: Tom Mrazauskas <tom@mrazauskas.de>

docs/TutorialReactNative.md

@@ -22,10 +22,14 @@ Starting from react-native version 0.38, a Jest setup is included by default whe
 }
 ```
 
-_Note: If you are upgrading your react-native application and previously used the `jest-react-native` preset, remove the dependency from your `package.json` file and change the preset to `react-native` instead._
-
 Run `yarn test` to run tests with Jest.
 
+:::tip
+
+If you are upgrading your react-native application and previously used the `jest-react-native` preset, remove the dependency from your `package.json` file and change the preset to `react-native` instead.
+
+:::
+
 ## Snapshot Test
 
 Let's create a [snapshot test](SnapshotTesting.md) for a small intro component with a few views and text components and some styles:

website/versioned_docs/version-25.x/TutorialReactNative.md

@@ -22,10 +22,14 @@ Starting from react-native version 0.38, a Jest setup is included by default whe
 }
 ```
 
-_Note: If you are upgrading your react-native application and previously used the `jest-react-native` preset, remove the dependency from your `package.json` file and change the preset to `react-native` instead._
-
 Run `yarn test` to run tests with Jest.
 
+:::tip
+
+If you are upgrading your react-native application and previously used the `jest-react-native` preset, remove the dependency from your `package.json` file and change the preset to `react-native` instead.\_
+
+:::
+
 ## Snapshot Test
 
 Let's create a [snapshot test](SnapshotTesting.md) for a small intro component with a few views and text components and some styles:

website/versioned_docs/version-26.x/TutorialReactNative.md

@@ -22,10 +22,14 @@ Starting from react-native version 0.38, a Jest setup is included by default whe
 }
 ```
 
-_Note: If you are upgrading your react-native application and previously used the `jest-react-native` preset, remove the dependency from your `package.json` file and change the preset to `react-native` instead._
-
 Run `yarn test` to run tests with Jest.
 
+:::tip
+
+If you are upgrading your react-native application and previously used the `jest-react-native` preset, remove the dependency from your `package.json` file and change the preset to `react-native` instead.\_
+
+:::
+
 ## Snapshot Test
 
 Let's create a [snapshot test](SnapshotTesting.md) for a small intro component with a few views and text components and some styles:

website/versioned_docs/version-27.x/TutorialReactNative.md

@@ -22,10 +22,14 @@ Starting from react-native version 0.38, a Jest setup is included by default whe
 }
 ```
 
-_Note: If you are upgrading your react-native application and previously used the `jest-react-native` preset, remove the dependency from your `package.json` file and change the preset to `react-native` instead._
-
 Run `yarn test` to run tests with Jest.
 
+:::tip
+
+If you are upgrading your react-native application and previously used the `jest-react-native` preset, remove the dependency from your `package.json` file and change the preset to `react-native` instead.\_
+
+:::
+
 ## Snapshot Test
 
 Let's create a [snapshot test](SnapshotTesting.md) for a small intro component with a few views and text components and some styles:

website/versioned_docs/version-28.x/TutorialReactNative.md

@@ -22,10 +22,14 @@ Starting from react-native version 0.38, a Jest setup is included by default whe
 }
 ```
 
-_Note: If you are upgrading your react-native application and previously used the `jest-react-native` preset, remove the dependency from your `package.json` file and change the preset to `react-native` instead._
-
 Run `yarn test` to run tests with Jest.
 
+:::tip
+
+If you are upgrading your react-native application and previously used the `jest-react-native` preset, remove the dependency from your `package.json` file and change the preset to `react-native` instead.\_
+
+:::
+
 ## Snapshot Test
 
 Let's create a [snapshot test](SnapshotTesting.md) for a small intro component with a few views and text components and some styles:

website/versioned_docs/version-29.0/TutorialReactNative.md

@@ -22,10 +22,14 @@ Starting from react-native version 0.38, a Jest setup is included by default whe
 }
 ```
 
-_Note: If you are upgrading your react-native application and previously used the `jest-react-native` preset, remove the dependency from your `package.json` file and change the preset to `react-native` instead._
-
 Run `yarn test` to run tests with Jest.
 
+:::tip
+
+If you are upgrading your react-native application and previously used the `jest-react-native` preset, remove the dependency from your `package.json` file and change the preset to `react-native` instead.\_
+
+:::
+
 ## Snapshot Test
 
 Let's create a [snapshot test](SnapshotTesting.md) for a small intro component with a few views and text components and some styles: