refactor: adjust spacing and styling across multiple components for visual consistency

- Increased HomeAurora subtitle margin from mt-4 to mt-6 for better spacing
- Added bg-white to HomeDesign content container for explicit background
- Removed bg-white from HomeTab top separator div
- Reduced network Hero title margin from mt-8 to mt-4 and second paragraph margin from mt-6 to mt-4
- Changed network Hero secondary button variant from cyan to dark
- Reduced NetworkPros title margin from mt-4 to mt-2

src/pages/network/Hero.tsx

@@ -83,13 +83,13 @@ export function Hero() {
             <Eyebrow className="mb-4">
               MYCELIUM NETWORK
             </Eyebrow>
-            <H3 className="mt-8 ">
+            <H3 className="mt-4">
               The Network Stack for Private, Autonomous Networking
             </H3>
             <P className="mt-6 text-lg leading-tight text-gray-600 lg:text-xl lg:leading-normal">
               Connect once. Get private networking, censorship-resistant publishing, and on-network AI in one encrypted fabric.
             </P>
-            <P className="mt-6 text-lg leading-tight text-gray-600 lg:text-xl lg:leading-normal">
+            <P className="mt-4 text-lg leading-tight text-gray-600 lg:text-xl lg:leading-normal">
               Your Pod is your personal gateway to the network.
             </P>
             <div className="mt-8 flex flex-wrap gap-x-6 gap-y-4">
@@ -100,7 +100,7 @@ export function Hero() {
                 as="a"
                 to="https://threefold.info/mycelium_network/docs/"
                 variant="outline"
-                color="cyan"
+                color="dark"
                 target="_blank"
                 rel="noopener noreferrer"
               >