fix: fix ui overflow on phone for calendar settings (#16661)

* fix: fix ui overflow on phone for calendar settings

* fix: overflow issue with long emails

* Update CalendarSwitch.tsx

---------

Co-authored-by: Amit Sharma <74371312+Amit91848@users.noreply.github.com>
Co-authored-by: Anik Dhabal Babu <81948346+anikdhabal@users.noreply.github.com>

packages/features/calendars/CalendarSwitch.tsx

@@ -77,7 +77,7 @@ const CalendarSwitch = (props: ICalendarSwitchProps) => {
           }}
         />
       </div>
-      <label className="ml-3 text-sm font-medium leading-5" htmlFor={externalId}>
+      <label className="ml-3 break-all text-sm font-medium leading-5" htmlFor={externalId}>
         {name}
       </label>
       {!!props.destination && (