fix(VCalendar): Stop day row content overflowing its parent

[yuwu9145]

fixes #18968

Description

Markup:

<template>
  <v-app>
    <v-container>
      <v-calendar v-model="msg" view-mode="week" :events="events"></v-calendar>
    </v-container>
  </v-app>
</template>

<script setup>
  import { ref } from 'vue'

  const events = [
    {
      title:
        'The text is too long and overflow, end date is invalid, event only lasts an hour',
      start: new Date('2024-01-23T03:00:00Z'),
      end: new Date('2024-01-23T4:00:00Z'),
      color: 'blue',
    },
  ]

  const msg = ref([new Date('2024-01-23T14:30:00Z')])
</script>

[johnleider]

@blalan @yuwu9145 - I moved out some of the utility classes, but rounded needs to be ultimately removed or specifically added since a user might not have utility classes enabled.