Add dashboard panel component

Description

The goal of this issue is to build upon the work done by the WorkingGroupDashboards and add the dashboard panel to our library and update the usage guidelines.

The dashboard panel is currently being leveraged by groupproduct analytics, groupoptimize, and groupsecurity insights.

This update takes into account:

• Panel-level error handling (#1889)
• Panel-level filters (gitlab-org/gitlab#521751 (closed))
• Panel min/max dimensions (#2270)
• Figma: component issue (#1914 (closed))
• Figma: structure project (https://www.figma.com/design/2XRq1MnIG69iti76Mh9HpJ/branch/O9D3f4LrPGrG9kXT5K0hIx/Pajamas-visual-examples?m=auto&node-id=39052-45&t=59eObfPvRrMyUWoJ-1)
• Guideline updates:
  • feat(Dashboards): updates dashboard guidelines (!4700 - merged)
  • feat(Dashboards): adds new panel guidelines (!4722 - merged)
  • feat(Dashboards): adds dashboard related filter... (!4327 - closed)

Checklist

Make sure the following are completed before closing the issue:

1. Assign the correct component label to this issue.
2. Create an MR with the additions or updates needed.
3. When applicable, create an issue using the Figma update issue template to update the component in Figma, and mark it as related to this one. Bring the issue to your team planning session for prioritization and scheduling.
4. When applicable, create an MR in GitLab UI to update the component. If you do not have capacity or are unable to update the component directly, create a GitLab UI issue using the Component issue template. Mark the new issue as related to this one. Bring the issue to your team planning session for prioritization and scheduling. Mark the issue as related to this one.
5. When introducing a major or breaking change, communicate the changes within the Engineering Week in Review and UX Weekly meeting.
6. 🎉 Congrats, you made it! You can now close this issue.

Design source

❖ Figma project →