fix: add tooltip, truncate (#5096)

Co-authored-by: Peer Richelsen <peeroke@gmail.com>

apps/web/components/booking/AvailableEventLocations.tsx

@@ -1,5 +1,6 @@
 import { getEventLocationType, locationKeyToString } from "@calcom/app-store/locations";
 import { classNames } from "@calcom/lib";
+import Tooltip from "@calcom/ui/v2/core/Tooltip";
 
 import { Props } from "./pages/AvailabilityPage";
 
@@ -22,10 +23,16 @@ export function AvailableEventLocations({ locations }: { locations: Props["event
               )}
               alt={`${eventLocationType.label} icon`}
             />
-
-            <span className="max-w-full pr-4" key={location.type}>
-              {locationKeyToString(location)}
-            </span>
+            <Tooltip content={locationKeyToString(location)}>
+              <a
+                target="_blank"
+                href={locationKeyToString(location) ?? "/"}
+                className="truncate"
+                key={location.type}
+                rel="noreferrer">
+                {locationKeyToString(location)}
+              </a>
+            </Tooltip>
           </div>
         );
       })}