Add a reusable dashboard layout component

Problem to solve

As part of Dashboard Unification (internal link) we want it to be as simple as possible to migrate to the shared dashboard framework which is currently powering Analytics dashboards. The problem is that the dashboards in Analytics are built with the dashboard layout, user customization, data exploration and navigation all in one solution. This tight coupling makes it difficult for teams like Security who only need the dashboard layout framework for their first iteration in the migration towards Dashboard Unification.

Proposed solution

As discussed in !190687 (comment 2492597263)+ create a shared and reusable dashboard layout component which allows consumers to easily render a grid based dashboard using a simple configuration object. The component should adhere to the principles outlined in Dashboards layout framework design document (gitlab-com/content-sites/handbook!12928 - merged).

Implementation plan

• Create a new dashboard layout component in Vue shared directory.
• Add unit specs

Next steps:

• Create guidelines / documentation on how to use this component.
• Migrate the existing Analytics dashboard components to make use of this.