chore: use workflows_nav_icon.svg image button in mobile sidebar header

Author: thierryoliveira

site_jaspr/lib/main.server.dart

@@ -88,7 +88,17 @@ void main() {
             // Icon links and secondary text links are intentionally omitted
             // to keep the header to a single row.
             mobileNavItems: [
-              NavLink(text: 'Get Started', href: '/docs/overview', isButton: true),
+              a(
+                href: '/docs/workflows',
+                classes: 'mobile-workflows-btn',
+                [
+                  img(
+                    src: '/images/workflows_nav_icon.svg',
+                    alt: 'Workflows',
+                    attributes: {'height': '32', 'width': '105'},
+                  ),
+                ],
+              ),
               ThemeToggle(),
             ],
             items: [

site_jaspr/lib/styles/site_styles.dart

@@ -304,6 +304,14 @@ List<StyleRule> get siteStyles => [
     ),
     css('.docs .sidebar').styles(width: Unit.percent(100)),
   ]),
+  // Mobile sidebar: Workflows image-button (the SVG pill used in the header).
+  css('.mobile-workflows-btn').styles(
+    display: Display.flex,
+    alignItems: AlignItems.center,
+    textDecoration: TextDecoration.none,
+  ),
+  css('.mobile-workflows-btn:hover').styles(opacity: 0.8),
+
   // Dark mode mobile: sidebar panel uses the navbar background (#081842),
   // matching Docusaurus where --ifm-navbar-background-color is applied to
   // the mobile overlay instead of the page background (#020f30).