docs: add downloads section + restructure installation/uninstall

flake.nix

@@ -25,7 +25,6 @@
           default = pkgs.mkShell {
             buildInputs = with pkgs; [
               nodejs_24
-              openssh
             ];
 
             shellHook = ''

src/components/elements/MinorHeader.vue

@@ -0,0 +1,39 @@
+<script setup lang="ts">
+const props = defineProps({
+    id: {
+        type: String,
+        required: true
+    },
+    icon: {
+        type: String,
+        required: false
+    },
+})
+</script>
+
+<template>
+    <h4 class="minor-header" v-bind:id="props.id">
+        <i v-if="props.icon" :class="`mdi mdi-${props.icon} minor-header-icon`"></i>
+        <slot></slot>
+    </h4>
+</template>
+
+<style scoped>
+.minor-header {
+    display: flex;
+    align-items: center;
+    gap: 0.4rem;
+    clear: both;
+    margin-top: 1.75rem;
+    margin-bottom: 0.75rem;
+    font-size: 1.15rem;
+    font-weight: 600;
+    color: #334155;
+    line-height: 1.3;
+}
+
+.minor-header-icon {
+    color: #2f55d4;
+    font-size: 1.25rem;
+}
+</style>

src/components/elements/TipBlock.vue

@@ -0,0 +1,45 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+    <div class="tip-block">
+        <div class="tip-icon">
+            <i class="mdi mdi-lightbulb-on-outline"></i>
+        </div>
+        <div class="tip-content">
+            <slot></slot>
+        </div>
+    </div>
+</template>
+
+<style scoped>
+.tip-block {
+    display: flex;
+    gap: 1rem;
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
+    padding: 1rem 1.25rem;
+    background: #eff6ff;
+    border-left: 4px solid #2f55d4;
+    border-radius: 0 8px 8px 0;
+}
+
+.tip-icon {
+    flex-shrink: 0;
+    color: #2f55d4;
+    font-size: 1.25rem;
+    line-height: 1.75;
+}
+
+.tip-content {
+    color: #1e3a8a;
+    font-size: 1rem;
+    line-height: 1.75;
+}
+
+.tip-content :deep(a) {
+    color: #1d4ed8;
+    text-decoration: underline;
+}
+</style>