Docs: Add annotated image and updated feature overview list

[imatwawana]

No description provided.

[grafana-delivery-bot]

This PR must be merged before a backport PR will be created.

[grafana-delivery-bot]

This PR must be merged before a backport PR will be created.

[grafana-delivery-bot]

The backport to v10.4.x failed:

The process '/usr/bin/git' failed with exit code 1

To backport manually, run these commands in your terminal:

# Fetch latest updates from GitHub
git fetch
# Create a new branch
git switch --create backport-87833-to-v10.4.x origin/v10.4.x
# Cherry-pick the merged commit of this pull request and resolve the conflicts
git cherry-pick -x 47b42c9d4210bfbe274b082a2b1b4714426b19bd

When the conflicts are resolved, stage and commit the changes:

git add . && git cherry-pick --continue

If you have the GitHub CLI installed:

# Push the branch to GitHub:
git push --set-upstream origin backport-87833-to-v10.4.x
# Create the PR on GitHub
gh pr create --title '[v10.4.x] Docs: Add annotated image and updated feature overview list' --body 'Backport 47b42c9d4210bfbe274b082a2b1b4714426b19bd from #87833' --label 'type/docs' --label 'no-changelog' --label 'backport' --base v10.4.x --milestone 10.4.x --web

Or, if you don't have the GitHub CLI installed (we recommend you install it!):

# Push the branch to GitHub:
git push --set-upstream origin backport-87833-to-v10.4.x

# Create a pull request where the `base` branch is `v10.4.x` and the `compare`/`head` branch is `backport-87833-to-v10.4.x`.

# Remove the local backport branch
git switch main
git branch -D backport-87833-to-v10.4.x

[grafana-delivery-bot]

The backport to v10.3.x failed:

The process '/usr/bin/git' failed with exit code 1

To backport manually, run these commands in your terminal:

# Fetch latest updates from GitHub
git fetch
# Create a new branch
git switch --create backport-87833-to-v10.3.x origin/v10.3.x
# Cherry-pick the merged commit of this pull request and resolve the conflicts
git cherry-pick -x 47b42c9d4210bfbe274b082a2b1b4714426b19bd

When the conflicts are resolved, stage and commit the changes:

git add . && git cherry-pick --continue

If you have the GitHub CLI installed:

# Push the branch to GitHub:
git push --set-upstream origin backport-87833-to-v10.3.x
# Create the PR on GitHub
gh pr create --title '[v10.3.x] Docs: Add annotated image and updated feature overview list' --body 'Backport 47b42c9d4210bfbe274b082a2b1b4714426b19bd from #87833' --label 'type/docs' --label 'no-changelog' --label 'backport' --base v10.3.x --milestone 10.3.x --web

Or, if you don't have the GitHub CLI installed (we recommend you install it!):

# Push the branch to GitHub:
git push --set-upstream origin backport-87833-to-v10.3.x

# Create a pull request where the `base` branch is `v10.3.x` and the `compare`/`head` branch is `backport-87833-to-v10.3.x`.

# Remove the local backport branch
git switch main
git branch -D backport-87833-to-v10.3.x

[grafana-delivery-bot]

The backport to v10.3.x failed:

The process '/usr/bin/git' failed with exit code 1

To backport manually, run these commands in your terminal:

# Fetch latest updates from GitHub
git fetch
# Create a new branch
git switch --create backport-87833-to-v10.3.x origin/v10.3.x
# Cherry-pick the merged commit of this pull request and resolve the conflicts
git cherry-pick -x 47b42c9d4210bfbe274b082a2b1b4714426b19bd

When the conflicts are resolved, stage and commit the changes:

git add . && git cherry-pick --continue

If you have the GitHub CLI installed:

# Push the branch to GitHub:
git push --set-upstream origin backport-87833-to-v10.3.x
# Create the PR on GitHub
gh pr create --title '[v10.3.x] Docs: Add annotated image and updated feature overview list' --body 'Backport 47b42c9d4210bfbe274b082a2b1b4714426b19bd from #87833' --label 'type/docs' --label 'no-changelog' --label 'backport' --base v10.3.x --milestone 10.3.x --web

Or, if you don't have the GitHub CLI installed (we recommend you install it!):

# Push the branch to GitHub:
git push --set-upstream origin backport-87833-to-v10.3.x

# Create a pull request where the `base` branch is `v10.3.x` and the `compare`/`head` branch is `backport-87833-to-v10.3.x`.

# Remove the local backport branch
git switch main
git branch -D backport-87833-to-v10.3.x

[grafana-delivery-bot]

The backport to v10.4.x failed:

The process '/usr/bin/git' failed with exit code 1

To backport manually, run these commands in your terminal:

# Fetch latest updates from GitHub
git fetch
# Create a new branch
git switch --create backport-87833-to-v10.4.x origin/v10.4.x
# Cherry-pick the merged commit of this pull request and resolve the conflicts
git cherry-pick -x 47b42c9d4210bfbe274b082a2b1b4714426b19bd

When the conflicts are resolved, stage and commit the changes:

git add . && git cherry-pick --continue

If you have the GitHub CLI installed:

# Push the branch to GitHub:
git push --set-upstream origin backport-87833-to-v10.4.x
# Create the PR on GitHub
gh pr create --title '[v10.4.x] Docs: Add annotated image and updated feature overview list' --body 'Backport 47b42c9d4210bfbe274b082a2b1b4714426b19bd from #87833' --label 'type/docs' --label 'no-changelog' --label 'backport' --base v10.4.x --milestone 10.4.x --web

Or, if you don't have the GitHub CLI installed (we recommend you install it!):

# Push the branch to GitHub:
git push --set-upstream origin backport-87833-to-v10.4.x

# Create a pull request where the `base` branch is `v10.4.x` and the `compare`/`head` branch is `backport-87833-to-v10.4.x`.

# Remove the local backport branch
git switch main
git branch -D backport-87833-to-v10.4.x