docs: move sidebar external links and add icons (#241)

assets/scss/_styles_project.scss

@@ -188,6 +188,37 @@ small,
   font-weight: 700 !important;
 }
 
+// Sidebar external-links group: Examples Hub, Release Notes, Solo on GitHub.
+// DOM structure at depth >= 1: li > input + label > a > i + span (foldable nav).
+// Mirror the foldable-nav caret (label::before, position: absolute, left: 0.1em)
+// so the icon sits at the same horizontal position as the section expand arrows.
+nav.foldable-nav .ul-1 .without-child label a i[class*="fa-"] {
+  position: absolute;
+  left: 0.1em;
+  padding-left: 0.4em;
+  padding-right: 0.4em;
+  top: 50%;
+  transform: translateY(-50%);
+  font-size: 1em;
+}
+
+// Push link text clear of the absolutely-positioned icon.
+// FA icons (fa-code, fa-tag, fa-github) are wider than the narrow caret glyph,
+// so the <a> needs left padding to prevent the text from overlapping the icon.
+// !important is required to override Bootstrap's ps-0 (padding-start: 0 !important).
+nav.foldable-nav .ul-1 .without-child:has(label a i[class*="fa-"]) label a {
+  padding-left: 1.2em !important;
+}
+
+// Visual separator above the first of the three external link items.
+// :not(li:has(...) + li) targets the first in a consecutive group of icon-bearing lis.
+// --color-text-light (#888 light / #aab7cf dark) is visible on both backgrounds.
+.td-sidebar-nav li:has(label > a > i[class*="fa-"]):not(li:has(label > a > i[class*="fa-"]) + li) {
+  border-top: 1px solid var(--color-text-light);
+  margin-top: 0.75rem;
+  padding-top: 0.5rem;
+}
+
 // --- 5. LINKS & INLINE ELEMENTS ---
 
 a,

content/en/docs/examples-hub.md

@@ -0,0 +1,9 @@
+---
+title: "Examples Hub"
+linkTitle: "Examples Hub"
+weight: 6
+manualLink: "https://github.com/hiero-ledger/solo/tree/main/examples"
+manualLinkTitle: "Examples Hub"
+manualLinkTarget: "_blank"
+icon: "fas fa-code"
+---

content/en/docs/release-notes.md

@@ -0,0 +1,9 @@
+---
+title: "Release Notes"
+linkTitle: "Release Notes"
+weight: 7
+manualLink: "https://github.com/hiero-ledger/solo/releases"
+manualLinkTitle: "Release Notes"
+manualLinkTarget: "_blank"
+icon: "fas fa-tag"
+---

content/en/docs/solo-github.md

@@ -0,0 +1,9 @@
+---
+title: "Solo on GitHub"
+linkTitle: "Solo on GitHub"
+weight: 8
+manualLink: "https://github.com/hiero-ledger/solo#solo"
+manualLinkTitle: "Solo on GitHub"
+manualLinkTarget: "_blank"
+icon: "fab fa-github"
+---

hugo.yaml

@@ -2,13 +2,7 @@ baseURL: /
 title: Solo
 
 menu:
-  main:
-    - name: Examples Hub
-      weight: 3
-      url: https://github.com/hiero-ledger/solo/tree/main/examples
-    - name: Release Notes
-      weight: 4
-      url: https://github.com/hiero-ledger/solo/releases
+  main: []
 
 module:
   # Uncomment the next line to build and serve using local docsy clone declared in the named Hugo workspace: