refactor: change title (#17623)

* chore: change title

* chore: translation

apps/web/public/static/locales/en/common.json

@@ -2047,7 +2047,7 @@
   "looking_for_more_analytics": "Looking for more analytics?",
   "looking_for_more_insights": "Looking for more Insights?",
   "filters": "Filters",
-  "add_filter": "Add filter", 
+  "add_filter": "Add filter",
   "add_rule": "Add rule",
   "add_rule_group": "Add rule group",
   "remove_filters": "Clear all filters",
@@ -2215,7 +2215,7 @@
   "add_times_to_your_email": "Select a few available times and embed them in your Email",
   "select_time": "Select Time",
   "select_date": "Select Date",
-  "connecting_you_to_someone": "We are connecting you to someone.",
+  "connecting_you_to_someone": "We are connecting you to someone from {{orgName}}.",
   "please_do_not_close_this_tab": "Please do not close or refresh this page",
   "see_all_available_times": "See all available times",
   "org_team_names_example_1": "e.g. Marketing Team",

packages/features/bookings/Booker/Booker.tsx

@@ -201,6 +201,7 @@ const BookerComponent = ({
               onGoBack={() => {
                 onGoBackInstantMeeting();
               }}
+              orgName={event.data?.entity?.name}
             />
           )}
         </>
@@ -275,7 +276,7 @@ const BookerComponent = ({
           data-testid="booker-container"
           className={classNames(
             ...getBookerSizeClassNames(layout, bookerState, hideEventTypeDetails),
-            `bg-default dark:bg-muted grid max-w-full items-start sm:transition-[width] sm:duration-300 sm:motion-reduce:transition-none md:flex-row dark:[color-scheme:dark]`,
+            `bg-default dark:bg-muted grid max-w-full items-start dark:[color-scheme:dark] sm:transition-[width] sm:duration-300 sm:motion-reduce:transition-none md:flex-row`,
             // We remove border only when the content covers entire viewport. Because in embed, it can almost never be the case that it covers entire viewport, we show the border there
             (layout === BookerLayouts.MONTH_VIEW || isEmbed) && "border-subtle rounded-md",
             !isEmbed && "sm:transition-[width] sm:duration-300",
@@ -411,7 +412,7 @@ const BookerComponent = ({
                 layout === BookerLayouts.COLUMN_VIEW
               }
               className={classNames(
-                "border-subtle rtl:border-default flex h-full w-full flex-col overflow-x-auto px-5 py-3 pb-0 ltr:md:border-l rtl:border-r",
+                "border-subtle rtl:border-default flex h-full w-full flex-col overflow-x-auto px-5 py-3 pb-0 rtl:border-r ltr:md:border-l",
                 layout === BookerLayouts.MONTH_VIEW &&
                   "h-full overflow-hidden md:w-[var(--booker-timeslots-width)]",
                 layout !== BookerLayouts.MONTH_VIEW && "sticky top-0"

packages/features/bookings/Booker/components/RedirectToInstantMeetingModal.tsx

@@ -17,11 +17,13 @@ export const RedirectToInstantMeetingModal = ({
   onGoBack,
   expiryTime,
   instantVideoMeetingUrl,
+  orgName,
 }: {
   bookingId: number;
   onGoBack: () => void;
   expiryTime?: Date;
   instantVideoMeetingUrl?: string;
+  orgName?: string | null;
 }) => {
   const { t } = useLocale();
   const [timeRemaining, setTimeRemaining] = useState(calculateTimeRemaining());
@@ -93,7 +95,7 @@ export const RedirectToInstantMeetingModal = ({
             </div>
           ) : (
             <div className="text-center">
-              <p className="font-medium">{t("connecting_you_to_someone")}</p>
+              <p className="font-medium">{t("connecting_you_to_someone", { orgName })}</p>
               <p className="font-bold">{t("please_do_not_close_this_tab")}</p>
               <p className="mt-2 font-medium">
                 {t("please_schedule_future_call", {