RUM-9755: Add Jetpack Compose Instrumentation documentation

[ambushwork]

What does this PR do? What is the motivation?

Add documentation page to explain how to instrument Jetpack Compose manually or automatically using the Datadog Gradle Plugin.

Merge instructions

Merge readiness:

• Release of dd-sdk-android 2.21.0
• Release of dd-sdk-android-gradle-plugin 1.17.0

For Datadog employees:
Merge queue is enabled in this repo. Your branch name MUST follow the <name>/<description> convention and include the forward slash (/). Without this format, your pull request will not pass in CI, the GitLab pipeline will not run, and you won't get a branch preview. Getting a branch preview makes it easier for us to check any issues with your PR, such as broken links.

If your branch doesn't follow this format, rename it or create a new branch and PR.

To have your PR automatically merged after it receives the required reviews, add the following PR comment:

/merge

Additional notes

[github-actions]

Preview links (active after the build_preview check completes)

New or renamed files

• https://docs-staging.datadoghq.com/ylu/add-compose-instrumentation-doc/real_user_monitoring/mobile_and_tv_monitoring/android/jetpack_compose_instrumentation

Modified Files

• https://docs-staging.datadoghq.com/ylu/add-compose-instrumentation-doc/real_user_monitoring/mobile_and_tv_monitoring/android/

[aleksandr-gringauz]

You might want to put @Composable and NavHost in quotes so that it is shown as code. You do it in other places.

[ambushwork]

alert alert-info doesn't support markdown inside, that's why I remove it delibrately.

[rtrieu]

actually, you could do this:

Suggested change

	The Datadog Gradle Plugin scans @Composable functions and adds Semantics tags to their modifiers. These tags allow Datadog RUM to track user interactions on Compose components with the correct target information. The plugin also detects NavHost usage and listens to Jetpack Compose navigation events.
	The Datadog Gradle Plugin scans <code>@Composable</code> functions and adds Semantics tags to their modifiers. These tags allow Datadog RUM to track user interactions on Compose components with the correct target information. The plugin also detects <code>NavHost</code> usage and listens to Jetpack Compose navigation events.

[maycmlee]

Created docs card for docs review: https://datadoghq.atlassian.net/browse/DOCS-10800

[0xnm]

lgtm, I left few suggestions

[rtrieu]

Hi @ambushwork, thank you for this PR! Aside from some of the suggestions I've made, I have a few questions:

• would love to know your thoughts on moving this content and putting it as a tab on the Android setup page similar to how we document setup for React Native and related frameworks. I'm not sure how customers think about this framework in particular, how popular it is, and realize it might impact searchability. But at the same time, I'm not sure if it makes sense sitting between Integrated Libraries and Troubleshooting at the moment.
• are there any additional steps after instrumentation that we should add, such as re-initializing the application?

Let me know if you have any questions about my feedback and/or submit a re-request for review.

[rtrieu]

actually, you could do this:

Suggested change

	The Datadog Gradle Plugin scans @Composable functions and adds Semantics tags to their modifiers. These tags allow Datadog RUM to track user interactions on Compose components with the correct target information. The plugin also detects NavHost usage and listens to Jetpack Compose navigation events.
	The Datadog Gradle Plugin scans <code>@Composable</code> functions and adds Semantics tags to their modifiers. These tags allow Datadog RUM to track user interactions on Compose components with the correct target information. The plugin also detects <code>NavHost</code> usage and listens to Jetpack Compose navigation events.

[rtrieu]

one last thing to fix before it's ready!