feat: add 'Preview' link to global documentation navigation

docs/eleventy.config.mjs

@@ -267,6 +267,7 @@ export default function (eleventyConfig) {
 
 	eleventyConfig.addGlobalData("docs-links", [
 		{ title: 'Website', url: 'https://tabler.io', icon: 'world' },
+		{ title: 'Preview', url: 'https://preview.tabler.io', icon: 'layout-dashboard' },
 		{ title: 'Support', url: 'https://tabler.io/support', icon: 'headset' },
 	]);
 

shared/layouts/docs/default.html

@@ -40,8 +40,8 @@
 			<div class="row g-0">
 				<div class="col-docs d-none d-lg-block border-end">
 					<div class="py-4">
-						<div class="space-y">
-							<div class="nav nav-vertical nav-pills">
+						<div class="space-y space-y-5">
+							<div class="nav nav-vertical">
 								{% for link in docs-links %}
 								<a href="{{ link.url }}" class="nav-link" target="_blank">
 									<span class="border me-2 rounded p-1">{% include "ui/icon.html" icon=link.icon %}</span>