refactor: add centered intro sections and update typography imports in CloudPros and NetworkPros

- Added Eyebrow, H3, and P imports to CloudPros and NetworkPros
- Replaced raw h3 and p tags with typography components in CloudPros
- Added centered "Why It's Revolutionary" intro section to NetworkPros with eyebrow, heading, and description
- Updated NetworkPros grid with top margin (mt-8) for spacing
- Changed Homepod eyebrow text from "MYCELIUM PODS" to "Mycelium Pods - Coming Soon"

src/pages/cloud/CloudPros.tsx

@@ -1,4 +1,4 @@
-import { Small } from "@/components/Texts";
+import { Eyebrow, H3, P, Small } from "@/components/Texts";
 
 const highlights = [
   {
@@ -41,16 +41,16 @@ export function CloudPros() {
             Agent Advantage
           </Small>
 
-          <h3 className="mt-4 text-2xl lg:text-3xl font-semibold text-black">
+          <H3 className="mt-4  text-black">
             Why It’s Different
-          </h3>
+          </H3>
 
-          <p className="mt-4 text-gray-700 text-base leading-relaxed">
+          <P className="mt-4 text-gray-700  leading-relaxed">
             Most AI systems run on centralized clouds, where the models, data, and
             logic operate behind third-party APIs. Mycelium Agents flip that
             architecture—running entirely inside your environment so control,
             privacy, and autonomy stay with you.
-          </p>
+          </P>
         </div>
 
         {/* Grid */}