(frontend)[AGE-1418]: Improve posthog initialization to reduce load on bundle size

[ardaerzin]

closes AGE-1418

posthog library import &/ usePosthog hook is a 50kb direct addition to our first loaded JS.

What has changed?

• load & init posthog-js dynamically from a custom provider component
• store initialized posthog instance in a Jotai atom
  • due to large import size of the usePostHog hook and provider imported from posthog-js/react package.
  • didn't want to trigger an additional rendering cycle in all components once posthog is loaded dynamically [atom vs context]
• update and relocate usePostHogAg to be closer to the analytics files.

Suggestions for testing

• check data transferred to posthog for completeness

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
agenta	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 16, 2024 0:03am
agenta-documentation	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 16, 2024 0:03am

[sentry-io]

🔍 Existing Issues For Review

Your pull request is modifying functions with the following pre-existing issues:

📄 File: agenta-web/src/pages/_app.tsx

Function	Unhandled Issue
App	TypeError: Cannot destructure property 'Component' of 'undefined' as it is undefined. GET /apps/0193ab06-13... Event Count: 1 Affected Users: 0

---

_{Did you find this useful? React with a 👍 or 👎}

[bekossy]

Thanks for the PR @ardaerzin. LGTM

[ardaerzin]

Thanks for the PR @ardaerzin. LGTM

had to bring useIsomorphicLayoutEffect here as the old hook was gone in this branch