Marketing -> Connections: move inline forms to modal

[fushar]

Context: p9Jlb4-f3i-p2

Currently, some services like Bluesky and Mastodon have the connections form inline in the expandable section. This is inconsistent with other services, as we want to remove the empty states.

Let's move such forms into modal, as shown below:

Before	After

Figma for reference: WHjPtm5mPBnJyiBYVHHnDT-fi-655_238202

[github-actions[bot]]

OpenAI suggested the following labels for this issue:

• [Feature Group] A8C Marketing & Sales: The issue pertains to marketing-related features, specifically how inline forms are utilized for connections.
• [Feature] Landing Pages & Landpack: Moving inline forms to a modal may improve the user experience for landing pages used in marketing efforts.
• [Feature] User Interaction & Engagement: The proposed change affects how users engage with marketing forms, enhancing the overall interaction.
• [Feature] Signup & Account Creation: Inline forms likely relate to user signups, making their movement to a modal relevant in streamlining the signup process.

[matt-west]

Let’s hold on this for now. Jetpack recently moved the connection UI to a modal. We can’t really open a modal inside a modal, so we need to find a better solution or drop this change entirely.

cc @keoshi

[fushar]

@matt-west Sure thing! Thanks.