Loveable.dev Gmail-Outlook Integration

I have a functioning Loveable.dev app, but it currently lacks any native way to connect with external mailboxes. I need a developer who can wire up full OAuth-based access to both Gmail and Outlook so that my users can authorise their accounts, keep tokens fresh, and have new messages pushed back into the app in real time.

Here’s the flow I have in mind. You will guide me through creating the Google Cloud Console and Azure AD projects from scratch, generate the client credentials, and then build the OAuth consent screens. Once credentials are in place, the app must handle the three-legged OAuth flow, store refresh tokens securely, and automatically renew access tokens without user intervention. For incoming mail, I want a webhook or push subscription strategy (Gmail Push Notifications / Microsoft Graph change notifications) that posts straight to an endpoint in Loveable.dev, so every new email can be acted on instantly.

Deliverables I need from you:
• Step-by-step setup of Google Cloud and Azure AD with screenshots or screencast.
• Clean, well-commented code (JavaScript preferred, but I’m flexible) for the full OAuth handshake, token storage, and refresh logic.
• Webhook or change-notification listener that posts basic email metadata (ID, subject, from, date) to my existing REST endpoint.
• A brief README so I can redeploy or extend the integration later.

Please include a concise but detailed project proposal outlining your approach, any libraries you plan to use (e.g., google-apis-nodejs-client, Microsoft Graph SDK, or direct REST calls), estimated timeline, and prior experience implementing similar OAuth flows.