chore: Overlay calendar - enabled by default if supported calendar installed

[anikdhabal]

What does this PR do?

• Fixes [CAL-3675] Overlay calendar - enabled by default if supported calendar is installed #14969
• Fixes CAL-XXXX (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 added a Docs issue here if this PR makes changes that would require a documentation change
• I have added or modified automated tests that prove my fix is effective or that my feature works (PRs might be rejected if logical changes are not properly tested)

How should this be tested?

• Are there environment variables that should be set?
• What are the minimal test data to have?
• What is expected (happy path) to have (input and output)?
• Any other important info that could help to test that PR

Checklist

• I haven't read the contributing guide
• My code doesn't follow the style guidelines of this project
• I haven't commented my code, particularly in hard-to-understand areas
• I haven't checked if my changes generate no new warnings

[vercel]

@anikdhabal 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 community label" took an action on this PR • (06/19/24)

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

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

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

[supalarry]

'connectedCalendars' are passed by the 'calendars' prop, which is passed to 'Booker' by the 'BookerWebWrapper', which gets the 'calendars' using 'useCalendars' hook.

However, if we check 'useCalendars' hook, then fetching connected calendars is enabled only if the setting is set in state or 'overlayCalendar' exists as search param:

const { data, isPending } = trpc.viewer.connectedCalendars.useQuery(undefined, {
    enabled: !!calendarSettingsOverlay || Boolean(searchParams?.get("overlayCalendar")),
  });

But the newly added useEffect only sets 'overlayCalendar' to true, if there are connected calendars, so we have a closed circle - I tried testing this PR and even though I have connected a calendar visiting someone's booking page did nothing.