docs: Improve header + sidebar

docs: Create workflows
lib: Start pagination

src/routes/components/buttons.md

@@ -1,13 +1,11 @@
+---
+title: Buttons
+---
+
 <script lang="ts">
     import Button from "$lib/components/elements/buttons/Button.svelte"
 </script>
 
-<svelte:head>
-    <title>Buttons - Kleos</title>
-</svelte:head>
-
-# Buttons
-
 <Button>Eat cake</Button>
 
 <Button size="sm" color="primary">Small piece</Button>

src/routes/components/pagination.md

@@ -0,0 +1,11 @@
+---
+title: Pagination
+---
+
+<script lang="ts">
+    import Pagination from "$lib/components/elements/Pagination.svelte"
+</script>
+
+TODO
+
+<Pagination page={20} count={50} />