refactor: update NodeHero "How it works" button to use smooth scroll with onClick handler instead of anchor link

- Changed Button from anchor link with to="#node-getting-started" to onClick handler with smooth scroll behavior
- Added id="node-how-it-works" to NodeSteps section for scroll target
- Removed as="a" prop from Button component
- Implemented scrollIntoView with smooth behavior and start block positioning

src/pages/nodes/NodeHero.tsx

@@ -28,7 +28,16 @@ export function NodeHero() {
               The Mycelium Network runs on nodes hosted by people and organizations around the world. Each node adds capacity, resilience, and sovereignty, expanding a global network for private, distributed compute and AI. 
             </P>
             <div className="mt-10 flex items-center gap-x-6">
-              <Button to="#node-getting-started" as="a" variant="solid" color="cyan">
+              <Button
+                variant="solid"
+                color="cyan"
+                onClick={() => {
+                  const el = document.getElementById('node-how-it-works')
+                  if (el) {
+                    el.scrollIntoView({ behavior: 'smooth', block: 'start' })
+                  }
+                }}
+              >
                 How it works
               </Button>
               <Button to="#node-architecture" as="a" variant="outline">