Visualize the Tailwind configuration (colors, widths, screens)

[d-claassen]

There's an existing Storybook addon that can visualize certain parts of your Tailwind configuration. See https://storybook.js.org/addons/storybook-tailwind-foundations. Sadly, this addon requires Vue. As such, we cannot reuse it. But we can take inspiration from it, and create our own pages that resemble this look.

Implement pages that show:

• Our color palette: only the colors we actively use (slate, blue, amber, green, red, indigo).
• The different responsive screen sizes,
• Our sizes (e.g. for padding and margins).