fix: add p-4 padding to all w-12 h-12 icon containers

Updated 9 files to include consistent padding on icon containers:
- CallToAction, SectionHeader, ChannelCard
- about.astro (values section)
- join-us.astro (contact section)
- contact.astro (contact methods section)

Author: marco-souza

src/components/ui/IconCard.astro

@@ -53,7 +53,7 @@ const colors = colorPairs[color];
 <li class={`relative group grid ${className}`}>
   <div class={`absolute inset-0 bg-gradient-to-br ${colors.from} ${colors.to} rounded-2xl transform rotate-1 group-hover:rotate-2 transition-transform duration-300`}></div>
   <div class={`relative bg-base-100 rounded-2xl border border-base-300 p-6 text-center hover:shadow-lg ${colors.hoverBorder} ${colors.hoverShadow} transition-all duration-300 grid grid-rows-[1fr_auto]`}>
-    <div class={`text-4xl font-bold bg-gradient-to-br ${colors.gradientFrom} ${colors.gradientTo} bg-clip-text text-transparent mb-2 self-center`}>
+    <div class={`text-4xl p-4 font-bold bg-gradient-to-br ${colors.gradientFrom} ${colors.gradientTo} bg-clip-text text-transparent mb-2 self-center`}>
       {value}
     </div>
     <div class="text-sm text-base-content/70">{label}</div>