Display the contact form in full without a scroll bar for easier access

Replaced the div container with a direct iframe embed in ContactSection to remove the extra scrollbar.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d004b9e1-f9be-46e2-acda-f440ccd644a9
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/60bda707-79ba-4338-8b61-59ebc160c682.jpg

client/src/components/contact/contact-section.tsx

@@ -13,23 +13,18 @@ export function ContactSection() {
         
         <div className="w-full">
           <div className="w-full max-w-4xl mx-auto">
-            <div 
-              className="w-full bg-transparent rounded-lg overflow-hidden"
-              style={{
-                height: 'clamp(600px, 80vh, 1200px)',
-                minHeight: '600px'
-              }}
-            >
             <iframe
               src="https://us5.list-manage.com/contact-form?u=1d139a47cd1264b937687c37e&form_id=570823f6e3a6f36704ea241f7201c8ac"
-                className="w-full h-full"
+              width="100%"
+              height="1100"
               frameBorder="0"
               marginHeight={0}
               marginWidth={0}
-                scrolling="yes"
+              scrolling="no"
               style={{
                 border: 'none',
-                  backgroundColor: 'transparent'
+                backgroundColor: 'transparent',
+                overflow: 'hidden'
               }}
               title="Contact Form"
             >
@@ -38,7 +33,6 @@ export function ContactSection() {
           </div>
         </div>
       </div>
-      </div>
     </section>
   );
 }