fix: use hasMounted to render calcom versionm

[Udit-takkar]

What does this PR do?

Fixes Hydration error in /event-types page

Ref: https://www.joshwcomeau.com/react/the-perils-of-rehydration/#the-solution

Environment: Staging(main branch) / Production

Type of change

• Bug fix (non-breaking change which fixes an issue)
• Chore (refactoring code, technical debt, workflow improvements)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

[vercel]

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

Name	Status	Preview	Updated
cal	✅ Ready (Inspect)	Visit Preview	Jan 2, 2023 at 7:38PM (UTC)

[PeerRich]

i bet there is a better workaround. if not we should move this into a standalone component to prevent repeating code

[PeerRich]

i think by turning the constant into a react component, it would not have hydration issues. wanna try that?

[PeerRich]

export default function Credits() {
const CalComVersion = `v.${pkg.version}-${
  process.env.NEXT_PUBLIC_WEBSITE_URL === "https://cal.com" ? "h" : "sh"
}-${process.env.CALCOM_LICENSE_KEY === "" ? "ee" : "ce"}`;

 return <small className="mx-3 mt-1 mb-2 hidden text-[0.5rem] opacity-50 lg:block">
            &copy; {new Date().getFullYear()} {COMPANY_NAME} {CalComVersion}
 </small>
}

[PeerRich]

lets turn this into a component <Credits>

#6239 (comment)

[PeerRich]

made some changes, created <Credits>

[PeerRich]

@Udit-takkar can you investigate why checks are failing?