Added og-image for event-types (#1618)

* added headseo

* added username to availability page

* fixed type err

* cleanup

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

components/booking/pages/AvailabilityPage.tsx

@@ -93,7 +93,8 @@ const AvailabilityPage = ({ profile, eventType, workingHours }: Props) => {
         title={`${rescheduleUid ? t("reschedule") : ""} ${eventType.title} | ${profile.name}`}
         description={`${rescheduleUid ? t("reschedule") : ""} ${eventType.title}`}
         name={profile.name || undefined}
-        avatar={profile.image || undefined}
+        username={profile.slug || undefined}
+        // avatar={profile.image || undefined}
       />
       <CustomBranding val={profile.brandColor} />
       <div>