fix: Added proper updates/interactivity on the "Getting started" app integ…

[itsalam]

What does this PR do?

• InstallAppButtonWithoutPlanCheck properly vends the mutation data in the render's props

• Fixed the improper props wiring in the AppConnectionItem

• Added a loading state for reactivity

• Added toaster for error/success confirmation

• Loom Video: https://www.loom.com/share/c394fc8e94964636bd016c85c72b7782?sid=108960f6-f1e5-46c1-8ebc-00cce78690bf

• Fixes [CAL-4818] find out why "installing roam" took so long and fix it #17900 (GitHub issue number)
• Fixes CAL-4818 (Linear issue number - should be visible at the bottom of the GitHub issue description)

Mandatory Tasks (DO NOT REMOVE)

• I have self-reviewed the code (A decent size PR without self-review might be rejected).
• I have updated the developer docs in /docs if this PR makes changes that would require a documentation change. If N/A, write N/A here and check the checkbox. N/A
• I confirm automated tests are in place that prove my fix is effective or that my feature works.

How should this be tested?

• Are there environment variables that should be set?
• N/A
• What are the minimal test data to have?
• A user configured to view the "getting started" page.
• What is expected (happy path) to have (input and output)?
  • When the user clicks on a "connect" button, the loading animation should play, and the TRPC query should be invalidated on success.
• Any other important info that could help to test that PR
  • N/A

/claim #17900

[vercel]

@itsalam is attempting to deploy a commit to the cal Team on Vercel.

A member of the Team first needs to authorize it.

[graphite-app]

Graphite Automations

"Add consumer team as reviewer" took an action on this PR • (11/28/24)

1 reviewer was added to this PR based on Keith Williams's automation.

"Add community label" took an action on this PR • (11/28/24)

1 label was added to this PR based on Keith Williams's automation.

"Add ready-for-e2e label" took an action on this PR • (11/29/24)

1 label was added to this PR based on Keith Williams's automation.

[github-actions]

Hey there and thank you for opening this pull request! 👋🏼

We require pull request titles to follow the Conventional Commits specification and it looks like your proposed title needs to be adjusted.

Details:

No release type found in pull request title "Added proper updates/interactivity on the "Getting started" app integ…". Add a prefix to indicate what kind of release this pull request corresponds to. For reference, see https://www.conventionalcommits.org/

Available types:
 - feat: A new feature
 - fix: A bug fix
 - docs: Documentation only changes
 - style: Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc)
 - refactor: A code change that neither fixes a bug nor adds a feature
 - perf: A code change that improves performance
 - test: Adding missing tests or correcting existing tests
 - build: Changes that affect the build system or external dependencies (example scopes: gulp, broccoli, npm)
 - ci: Changes to our CI configuration files and scripts (example scopes: Travis, Circle, BrowserStack, SauceLabs)
 - chore: Other changes that don't modify src or test files
 - revert: Reverts a previous commit

[Praashh]

LGTM!!

[github-actions]

E2E results are ready!

• Workflow #39648.1 latest results