chore: prepare docs for Docusaurus v3 upgrade - 3rd iteration (facebook#3843)

Author: slorber

docs/alertios.md

@@ -132,9 +132,9 @@ AlertIOS.prompt(
 
 An Alert button type
 
-| Type   |
-| ------ |
-| \$Enum |
+| Type  |
+| ----- |
+| $Enum |
 
 **Constants:**
 
@@ -151,9 +151,9 @@ An Alert button type
 
 An Alert button style
 
-| Type   |
-| ------ |
-| \$Enum |
+| Type  |
+| ----- |
+| $Enum |
 
 **Constants:**
 

docs/button.md

@@ -186,9 +186,23 @@ See the [Accessibility guide](accessibility.md#accessibility-actions) for more i
 
 Color of the text (iOS), or background color of the button (Android).
 
-| Type            | Default                                                                                                                                                                                                                                   |
-| --------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [color](colors) | <ins style={{background: '#2196F3'}} className="color-box" /> `'#2196F3'` <div className="label android">Android</div><hr/><ins style={{background: '#007AFF'}} className="color-box" /> `'#007AFF'` <div className="label ios">iOS</div> |
+```mdx-code-block
+export function ColorDefaults() {
+  return (
+    <>
+      <ins style={{ background: "#2196F3" }} className="color-box" />{" "}<code>'#2196F3'</code>
+      {" "}<div className="label android">Android</div>
+      <hr />
+      <ins style={{ background: "#007AFF" }} className="color-box" />{" "}<code>'#007AFF'</code>
+      {" "}<div className="label ios">iOS</div>
+    </>
+  );
+}
+```
+
+| Type            | Default          |
+| --------------- | ---------------- |
+| [color](colors) | <ColorDefaults/> |
 
 ---
 

docs/colors.md

@@ -22,7 +22,7 @@ You can find instructions on how to upgrade in the page [upgrading to new versio
 
 Remember to re-install the dependencies after upgrading (run `npm install` or `yarn`).
 
-:::important
+:::info
 
 Whenever you have to rename some files in the `ios` folder, please **use Xcode to rename them**. This ensure that the file references are updated in the Xcode project as well. You might need to clean the build folder (**Project** → **Clean Build Folder** or <kbd>Cmd ⌘</kbd> + <kbd>Shift ⇪</kbd> + <kbd>K</kbd>) before re-building the app. If the file is renamed outside of Xcode, you may need to click on the old `.m` file reference and Locate the new file.
 

docs/new-architecture-app-intro.md

@@ -38,7 +38,7 @@ While the last step is the same for all the platforms, the first two steps are d
 
 ## Configure the Fabric Native Component Dependencies
 
-### <a name="dependencies-ios" />iOS
+### iOS {#dependencies-ios}
 
 The Apple platform installs Fabric Native Components using [CocoaPods](https://cocoapods.org) as a dependency manager.
 

docs/the-new-architecture/backward-compatibility-fabric-components.md

@@ -38,7 +38,7 @@ While the last step is the same for all the platforms, the first two steps are d
 
 ## Configure the Turbo Native Module Dependencies
 
-### <a name="dependencies-ios" />iOS
+### iOS {#dependencies-ios}
 
 The Apple platform installs Turbo Native Modules using [CocoaPods](https://cocoapods.org) as a dependency manager.
 

docs/the-new-architecture/backward-compatibility-turbomodules.md

@@ -180,7 +180,7 @@ static SelectableBackgroundBorderless(
 ): ThemeAttributeBackgroundPropType;
 ```
 
-Creates an object that represent android theme's default background for borderless selectable elements (?android:attr/selectableItemBackgroundBorderless). Available on android API level 21+. `rippleRadius` parameter controls the radius of the ripple effect.
+Creates an object that represent android theme's default background for borderless selectable elements (`?android:attr/selectableItemBackgroundBorderless`). Available on android API level 21+. `rippleRadius` parameter controls the radius of the ripple effect.
 
 ---
 

docs/touchablenativefeedback.md

@@ -132,9 +132,9 @@ AlertIOS.prompt(
 
 An Alert button type
 
-| Type   |
-| ------ |
-| \$Enum |
+| Type  |
+| ----- |
+| $Enum |
 
 **Constants:**
 
@@ -151,9 +151,9 @@ An Alert button type
 
 An Alert button style
 
-| Type   |
-| ------ |
-| \$Enum |
+| Type  |
+| ----- |
+| $Enum |
 
 **Constants:**
 

website/versioned_docs/version-0.70/alertios.md

@@ -178,9 +178,23 @@ See the [Accessibility guide](accessibility.md#accessibility-actions) for more i
 
 Color of the text (iOS), or background color of the button (Android).
 
-| Type            | Default                                                                                                                                                                                                                                   |
-| --------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [color](colors) | <ins style={{background: '#2196F3'}} className="color-box" /> `'#2196F3'` <div className="label android">Android</div><hr/><ins style={{background: '#007AFF'}} className="color-box" /> `'#007AFF'` <div className="label ios">iOS</div> |
+```mdx-code-block
+export function ColorDefaults() {
+  return (
+    <>
+      <ins style={{ background: "#2196F3" }} className="color-box" />{" "}<code>'#2196F3'</code>
+      {" "}<div className="label android">Android</div>
+      <hr />
+      <ins style={{ background: "#007AFF" }} className="color-box" />{" "}<code>'#007AFF'</code>
+      {" "}<div className="label ios">iOS</div>
+    </>
+  );
+}
+```
+
+| Type            | Default          |
+| --------------- | ---------------- |
+| [color](colors) | <ColorDefaults/> |
 
 ---