docs: Improve example component + Fix sidebar on mobile

src/routes/components/Button.md

@@ -6,12 +6,12 @@
     import IconDownload from 'virtual:icons/heroicons-outline/download'
 </script>
 
-<Button color="primary"><IconDownload /> Download</Button>
+<Button color="raised"><IconDownload /> Download</Button>
 ```
 
-### Group example
+### Color variants example
 
-```svelte example
+```svelte example raised
 <script lang="ts">
     import { Button } from "omorphia";
     import IconDownload from 'virtual:icons/heroicons-outline/download'
@@ -26,6 +26,20 @@
     <Button color="danger-light">Light danger button</Button>
     <Button color="transparent">Transparent button</Button>
     <Button disabled>Disabled button</Button>
+</div>
+```
+
+### With icons example
+
+```svelte example raised
+<script lang="ts">
+    import { Button } from "omorphia";
+    import IconDownload from 'virtual:icons/heroicons-outline/download'
+    import IconHeart from 'virtual:icons/heroicons-outline/heart'
+</script>
+
+<div class="button-group">
     <Button color="primary"><IconDownload /></Button>
+    <Button><IconHeart /> Follow mod </Button>
 </div>
 ```