docs: update images

docs/.vitepress/config.ts

@@ -7,7 +7,10 @@ export default defineConfig({
 	head: [['link', { rel: 'icon', href: '/favicon.ico' }]],
 	themeConfig: {
 		logo: '/logo.svg',
-		nav: [{ text: 'Home', link: '/' }],
+		nav: [
+			{ text: 'Home', link: '/' },
+			{ text: 'Changelog', link: '/changelog' },
+		],
 		sidebar: [
 			{
 				text: 'Getting Started',
@@ -25,9 +28,21 @@ export default defineConfig({
 					{ text: 'Configuration', link: '/Configuration' },
 					{ text: 'Nix', link: '/Nix' },
 					{ text: 'NixOS', link: '/NixOS-options' },
-					{ text: 'Security', link: '/SECURITY' },
-					{ text: 'Contributing', link: '/CONTRIBUTING' },
-					{ text: 'Changelog', link: '/CHANGELOG' },
+					{
+						text: 'Features',
+						items: [
+							{ text: 'Single Sign-On (SSO)', link: '/features/sso' },
+							{ text: 'Headplane Agent / SSH', link: '/features/agent' },
+						],
+					},
+					{
+						text: 'Development',
+						collapsed: true,
+						items: [
+							{ text: 'Contributing', link: '/contributing' },
+							{ text: 'Security', link: '/security' },
+						],
+					},
 				],
 			},
 		],

docs/.vitepress/theme/custom.css

@@ -5,3 +5,13 @@ html.dark .light-only {
 html:not(.dark) .dark-only {
 	display: none !important;
 }
+
+figure {
+	padding: 1em;
+}
+
+figcaption {
+	text-align: center;
+	font-size: 0.9em;
+	margin-top: 0.5em;
+}