feat: Add social media links and GitHub edit link in documentation layout

shared/data/site.json

@@ -7,10 +7,11 @@
   "homepage": "https://tabler.io",
   "githubUrl": "https://github.com/tabler/tabler",
   "githubSponsorsUrl": "https://github.com/sponsors/codecalm",
+  "xUrl": "https://x.com/tabler_io",
+  "linkedinUrl": "https://www.linkedin.com/company/tabler-io",
   "changelogUrl": "https://github.com/tabler/tabler/releases",
-  "sponsorUrl": "https://github.com/sponsors/codecalm",
   "previewUrl": "https://preview.tabler.io",
-  "docsUrl": "https://tabler.io/docs",
+  "docsUrl": "https://docs.tabler.io",
   "mapboxKey": "pk.eyJ1IjoidGFibGVyIiwiYSI6ImNscHh3dnhndjB2M3QycW85bGd0NXRmZ3YifQ.9LfHPsNoEXQH-xzz-81Ffw",
   "googleMapsKey": "AIzaSyAr5mRB4U1KRkVznIrDWEvZjroYcD202DI",
   "googleMapsDevKey": "AIzaSyCL-BY8-sq12m0S9H-S_yMqDmcun3A9znw",

shared/e11ty/filters.mjs

@@ -269,4 +269,6 @@ export function appFilters(eleventyConfig) {
 
 		return '';
 	})
+
+	eleventyConfig.addShortcode("year", () => `${new Date().getFullYear()}`);
 }

shared/includes/docs/navbar.html

@@ -7,7 +7,7 @@
 						{% include "docs/logo.html" %}
 					</a>
 					<div>
-						v{{ package.version }}
+						<span class="badge">v{{ package.version }}</span>
 					</div>
 				</div>
 			</div>

shared/layouts/docs/default.html

@@ -153,6 +153,30 @@
 										</ul>
 									</div>
 								{% endif %}
+
+								<div>
+									<a href="{{ site.githubUrl }}/tree/dev/docs/{{ page.inputPath }}" class="link-primary" target="_blank">{% include "ui/icon.html" icon="edit" class="icon-inline" %} Edit this page on GitHub</a>
+								</div>
+
+								<div class="mt-5">
+									<div class="row">
+										<div class="col text-secondary">
+											© {% year %} Tabler. All rights reserved.
+										</div>
+									
+										<div class="col text-end">
+											<a href="{{ site.githubUrl }}" class="link-secondary" target="_blank">{% include "ui/icon.html"
+												icon="brand-github"
+												%}</a>
+											<a href="{{ site.githubSponsorsUrl }}" class="link-secondary" target="_blank">{% include "ui/icon.html"
+												icon="heart"
+												%}</a>
+											<a href="{{ site.xUrl }}" class="link-secondary" target="_blank">{% include "ui/icon.html" icon="brand-x" %}</a>
+											<a href="{{ site.linkedinUrl }}" class="link-secondary" target="_blank">{% include "ui/icon.html"
+												icon="brand-linkedin" %}</a>
+										</div>
+									</div>
+								</div>
 							</div>
 						</div>
 					</div>