style(company-pages): adjust spacing and banner sizing for better layout consistency

- Update company header section padding from `py-12` to `pt-24 pb-12` in events and hackathons pages for consistent top spacing
- Adjust main content area padding from `py-12` to `pt-24 pb-12` on company profile page to align with header spacing
- Increase company profile banner height from `h-48` to `h-56 sm:h-64` for better visual prominence on responsive layouts
- Adjust CardHeader negative margin from `-mt-16` to `-mt-20` to properly overlap with larger banner on company profile
- Ensures consistent spacing across all company pages and improves visual hierarchy with responsive banner sizing

Author: akshay0611

app/companies/[slug]/events/page.tsx

@@ -162,7 +162,7 @@ export default function CompanyEventsPage() {
 
       {/* Company Header */}
       {company && (
-        <section className="py-12 bg-gradient-to-b from-muted/30 to-background border-b border-primary/10">
+        <section className="pt-24 pb-12 bg-gradient-to-b from-muted/30 to-background border-b border-primary/10">
           <div className="container px-4 mx-auto">
             <motion.div
               initial={{ opacity: 0, y: 20 }}

app/companies/[slug]/hackathons/page.tsx

@@ -144,7 +144,7 @@ export default function CompanyHackathonsPage() {
 
       {/* Company Header */}
       {company && (
-        <section className="py-12 bg-gradient-to-b from-muted/30 to-background border-b border-primary/10">
+        <section className="pt-24 pb-12 bg-gradient-to-b from-muted/30 to-background border-b border-primary/10">
           <div className="container px-4 mx-auto">
             <motion.div
               initial={{ opacity: 0, y: 20 }}

app/companies/[slug]/page.tsx

@@ -88,7 +88,7 @@ export default function CompanyProfilePage() {
     <div className="flex flex-col min-h-screen bg-gradient-to-br from-background via-background to-muted/10">
       <Header />
 
-      <main className="flex-1 py-12">
+      <main className="flex-1 pt-24 pb-12">
         <div className="container px-4 mx-auto">
           <motion.div
             initial={{ opacity: 0, y: 20 }}

components/companies/CompanyProfile.tsx

@@ -29,15 +29,15 @@ export function CompanyProfile({ company, isOwner = false, className }: CompanyP
       <Card className="overflow-hidden">
         {/* Banner */}
         <div 
-          className="h-48 bg-gradient-to-r from-primary/20 via-primary/10 to-primary/20"
+          className="h-56 sm:h-64 bg-gradient-to-r from-primary/20 via-primary/10 to-primary/20"
           style={company.banner_url ? {
             backgroundImage: `url(${company.banner_url})`,
             backgroundSize: 'cover',
             backgroundPosition: 'center',
           } : undefined}
         />
 
-        <CardHeader className="relative -mt-16 pb-4">
+        <CardHeader className="relative -mt-20 pb-4">
           <div className="flex flex-col sm:flex-row items-start sm:items-end gap-4">
             {/* Logo */}
             <Avatar className="h-32 w-32 border-4 border-background shadow-xl">