docs: update alert list visualization

[mdcruz]

What is this feature?

Updates to the alert list visualization docs to include:

• how to configure an alert list visualization (video TBA)
• rearranging sections to match other visualization types

NOTE: Do not backport panel options shared file link to versions 10.3 and 10.4.

Why do we need this feature?

To explain to our users how to configure an alert list visualization easily and when to use it.

Who is this feature for?

Grafana OSS and Cloud users

Fixes #

Special notes for your reviewer:

Please check that:

• It works as expected from a user's perspective.
• If this is a pre-GA feature, it is behind a feature toggle.
• The docs are updated, and if this is a notable improvement, it's added to our What's New doc.

[imatwawana]

Great update! I've made some structural and wording suggestions.

[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]

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

[imatwawana]

LGTM (pending addition of video)!

[mdcruz]

LGTM (pending addition of video)!

@imatwawana I've added the video now, but the video is set to go live on the 22nd May :)

[mdcruz]

@imatwawana All ready to be merged. Video is now live :)

[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-87815-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 285567573e587360e3e6009029f80a26c1bc3d24

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-87815-to-v10.3.x
# Create the PR body template
PR_BODY=$(gh pr view 87815 --json body --template 'Backport 285567573e587360e3e6009029f80a26c1bc3d24 from #87815{{ "\n\n---\n\n" }}{{ index . "body" }}')
# Create the PR on GitHub
echo "${PR_BODY}" | gh pr create --title '[v10.3.x] docs: update alert list visualization' --body-file - --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-87815-to-v10.3.x

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

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