feat(Android): Add screenshots for View Hierarchy (#7087)

Author: markushi

src/platform-includes/enriching-events/attach-viewhierarchy-example/android.mdx

@@ -0,0 +1 @@
+![View Hierarchy Example](viewhierarchy-example-android.png)

src/platform-includes/enriching-events/attach-viewhierarchy-example/viewhierarchy-example-android.png

@@ -22,6 +22,6 @@ plugins {
 
 ```kotlin {filename:app/build.gradle.kts}
 plugins {
-  id("io.sentry.kotlin.compiler.gradle") version "{{@inject packages.version('sentry.kotlin.compiler-plugin', '3.0.0') }}"
+  id("io.sentry.kotlin.compiler.gradle") version "{{@inject packages.version('sentry.kotlin.compiler-plugin', '3.7.0') }}"
 }
 ```

src/platform-includes/enriching-events/attach-viewhierarchy/android.mdx

@@ -51,13 +51,13 @@ Kotlin Compiler plugins are executed during compilation and thus need to be appl
 
 ```groovy {filename:app/build.gradle}
 plugins {
-  id "io.sentry.kotlin.compiler.gradle" version "{{@inject packages.version('sentry.kotlin.compiler-plugin', '3.0.0') }}"
+  id "io.sentry.kotlin.compiler.gradle" version "{{@inject packages.version('sentry.kotlin.compiler-plugin', '3.7.0') }}"
 }
 ```
 
 ```kotlin {filename:app/build.gradle.kts}
 plugins {
-  id("io.sentry.kotlin.compiler.gradle") version "{{@inject packages.version('sentry.kotlin.compiler-plugin', '3.0.0') }}"
+  id("io.sentry.kotlin.compiler.gradle") version "{{@inject packages.version('sentry.kotlin.compiler-plugin', '3.7.0') }}"
 }
 ```
 

src/platforms/android/common/kotlin-compiler-plugin.mdx

@@ -289,13 +289,13 @@ The <PlatformLink to="/kotlin-compiler-plugin/">Sentry Kotlin Compiler Plugin</P
 
 ```groovy {filename:app/build.gradle}
 plugins {
-  id "io.sentry.kotlin.compiler.gradle" version "{{@inject packages.version('sentry.kotlin.compiler-plugin', '3.0.0') }}"
+  id "io.sentry.kotlin.compiler.gradle" version "{{@inject packages.version('sentry.kotlin.compiler-plugin', '3.7.0') }}"
 }
 ```
 
 ```kotlin {filename:app/build.gradle.kts}
 plugins {
-  id("io.sentry.kotlin.compiler.gradle") version "{{@inject packages.version('sentry.kotlin.compiler-plugin', '3.0.0') }}"
+  id("io.sentry.kotlin.compiler.gradle") version "{{@inject packages.version('sentry.kotlin.compiler-plugin', '3.7.0') }}"
 }
 ```
 

src/platforms/android/common/performance/instrumentation/automatic-instrumentation.mdx

@@ -50,8 +50,16 @@ View hierarchies appear in the "Attachments" tab, where you can view all attachm
 
 On the **Issue Details** page, you can interact with the view hierarchy attachment in a section called "View Hierarchy". This section represents the state of your application at the time of an error event. There are three displays: a tree view, wireframe, and detailed view for a selected node. You can select nodes in either the tree or the wireframe to view the properties collected by the SDK. The SDK will report on the following keys for each node in the view: `alpha`, `visible`, `x`, `y`, `width`, `height`, `type`, and `identifier` if applicable, but there may be additional values specific to the SDK. This feature can be used as an exploratory tool to debug layout issues, visualize unnecessarily rendered content, or gain a better understanding of the relationship between views.
 
+<PlatformSection supported={["android"]}>
+  <PlatformContent includePath="enriching-events/attach-viewhierarchy-example" />
+</PlatformSection>
+
+<PlatformSection notSupported={["android"]}>
+
 ![View Hierarchy Example](viewhierarchy-example.png)
 
+</PlatformSection>
+
 <PlatformSection supported={["react-native"]}>
 
 ## View Hierarchy Mapping to React Native Components