fix(web): remove overflow-hidden and add bottom padding to prevent IDE demo cutoff

Removed overflow-hidden from Section component and added bottom padding
to hero container to ensure IDE demo content is fully visible.

🤖 Generated with Codebuff
Co-Authored-By: Codebuff <noreply@codebuff.com>

Author: brandonkachen

web/src/app/page.tsx

@@ -106,7 +106,7 @@ export default function Home() {
       <Section background={SECTION_THEMES.hero.background} hero fullViewport>
         <div
           className={cn(
-            'codebuff-container h-full flex flex-col transition-all duration-1000'
+            'codebuff-container min-h-full flex flex-col transition-all duration-1000 pb-8'
           )}
         >
           <div className={cn('w-full mb-8 md:mb-12 flex-shrink-0')}>

web/src/components/ui/section.tsx

@@ -55,10 +55,10 @@ export function Section({
 
   return (
     <motion.section
-      className={cn('relative overflow-hidden', className)}
+      className={cn('relative', className)}
       initial={false}
       animate={{
-        minHeight: fullViewport && !isMobile ? '95svh' : 'auto',
+        minHeight: fullViewport ? '95dvh' : 'auto',
       }}
       transition={{
         duration: 1,