fix: Avatars get cropped on the widget (#4238)

Co-authored-by: Fayaz Ahmed <15716057+fayazara@users.noreply.github.com>
Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com>

app/javascript/widget/components/GroupedAvatars.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="flex overflow-hidden">
+  <div class="flex">
     <span
       v-for="(user, index) in users"
       :key="user.id"

app/javascript/widget/components/TeamAvailability.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="px-5">
     <div class="flex items-center justify-between mb-4">
-      <div class="text-black-700">
+      <div class="text-black-700 max-w-xs">
         <div class="text-base leading-5 font-medium mb-1">
           {{
             isOnline