fix: remove cal.com from title when branding is disabled (#7827)

Co-authored-by: sean-brydon <55134778+sean-brydon@users.noreply.github.com>
Co-authored-by: Peer Richelsen <peeroke@gmail.com>

apps/web/components/booking/pages/AvailabilityPage.tsx

@@ -154,6 +154,7 @@ const AvailabilityPage = ({ profile, eventType, ...restProps }: Props) => {
           nofollow: eventType.hidden,
           noindex: eventType.hidden,
         }}
+        isBrandingHidden={restProps.isBrandingHidden}
       />
       <BookingPageTagManager eventType={eventType} />
       <CustomBranding lightVal={profile.brandColor} darkVal={profile.darkBrandColor} />

packages/ui/components/head-seo/HeadSeo.tsx

@@ -19,6 +19,7 @@ export type HeadSeoProps = {
   nextSeoProps?: NextSeoProps;
   app?: AppImageProps;
   meeting?: MeetingImageProps;
+  isBrandingHidden?: boolean;
 };
 
 /**
@@ -82,11 +83,20 @@ export const HeadSeo = (props: HeadSeoProps): JSX.Element => {
   // Set the default URL to either the current URL (if self-hosted) or https://cal.com canonical URL
   const defaultUrl = isCalcom ? calcomCanonical : url;
 
-  const { title, description, siteName, canonical = defaultUrl, nextSeoProps = {}, app, meeting } = props;
+  const {
+    title,
+    description,
+    siteName,
+    canonical = defaultUrl,
+    nextSeoProps = {},
+    app,
+    meeting,
+    isBrandingHidden,
+  } = props;
 
   const image = getSeoImage("ogImage") + constructGenericImage({ title, description });
   const truncatedDescription = truncateOnWord(description, 158);
-  const pageTitle = title + " | " + APP_NAME;
+  const pageTitle = `${title}${isBrandingHidden ? "" : ` | ${APP_NAME}`}`;
   let seoObject = buildSeoMeta({
     title: pageTitle,
     image,