Update Slack and Office Hours embeds with improved sizing and security

- Replace HubspotForm with iframe embed for Office Hours
- Update Slack embed with optimized height (380px) and left-justified layout
- Add allow-popups to sandbox attributes for proper link functionality
- Standardize iframe styling across both embeds using inline styles

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

Author: osterman

website/docs/community/office-hours.mdx

@@ -5,15 +5,10 @@ sidebar_label: Office Hours
 description: Office Hours with Cloud Posse
 id: office-hours
 ---
-import HubspotForm from 'react-hubspot-form'
 
-# Office Hours Registration
-
-<HubspotForm
-    portalId='2197148'
-    region="na1"
-    formId='bbcd46fe-0b11-43aa-9214-33f319e52a01'
-    onSubmit={() => console.log('Submit!')}
-    onReady={(form) => console.log('Form ready!')}
-    loading={<div>Loading...</div>}
+<iframe
+  src="https://cloudposse.com/embed/office-hours?theme=dark&bg=transparent"
+  style={{height: '380px', width: '100%', maxWidth: '80rem', borderRadius: '0.375rem', border: '0'}}
+  title="Office Hours Registration"
+  sandbox="allow-same-origin allow-scripts allow-forms allow-popups"
 />

website/docs/community/slack.mdx

@@ -12,7 +12,7 @@ Atmos has a great community of active users who are all more than willing to hel
 
 <iframe
   src="https://cloudposse.com/embed/slack?theme=dark&bg=transparent"
-  className="h-[700px] w-full max-w-3xl mx-auto rounded-md border-0"
+  style={{height: '380px', width: '100%', maxWidth: '80rem', borderRadius: '0.375rem', border: '0'}}
   title="Join our Slack Community"
-  sandbox="allow-same-origin allow-scripts allow-forms"
+  sandbox="allow-same-origin allow-scripts allow-forms allow-popups"
 />