Add support button on the homepage

[anurag629]

Description

Add support/sponsor buttons on the homepage to allow users to support the project financially.

Current homepage CTAs

Hero section (src/pages/index.astro):

• "Create OG Image" (primary button → /create)
• "Check Your URL" (outline button → /preview)

OSS Banner section:

• "Star on GitHub" (secondary button → GitHub repo)
• "Browse Templates" (outline button → /templates)

Requirements

• Add two support buttons in the OSS Banner section where the open-source messaging already lives
• Mobile-friendly — the .oss-ctas container already stacks vertically on small screens

Support links

1. Buy Me a Coffee — https://buymeacoffee.com/codercops
2. PayPal (CODERCOPS) — https://www.paypal.com/paypalme/codercops

Design considerations

• Style as outlined or ghost buttons to differentiate from the primary "Star on GitHub" CTA
• Include appropriate icons (coffee icon for BMC, PayPal icon for PayPal)
• Match the existing Raycast-inspired design language (CSS custom properties, no Tailwind)
• Should feel organic, not intrusive

Implementation

1. Open src/pages/index.astro
2. Add two buttons in the .oss-ctas div (after "Browse Templates"):

   <a href="https://buymeacoffee.com/codercops" class="btn btn-outline btn-lg" target="_blank" rel="noopener">
     ☕ Buy Me a Coffee
   </a>
   <a href="https://www.paypal.com/paypalme/codercops" class="btn btn-outline btn-lg" target="_blank" rel="noopener">
     💳 PayPal
   </a>

3. Style using existing .btn .btn-outline classes