[FIX] web: rectify alignment of worksheet template

Steps:
- Open Field Service
- Switch to the calendar view
- Click on any task
- Notice the space in the row of the worksheet template

Issue:
- There is a weird space between the title Worksheet Template and the template
name

Cause:
- Due to the long name of Worksheet Template, it moves to the next line but
occupies a certain amount of space around it

Fix:
- By giving flex-wrap, the content is displayed properly

Task: 3394985

Explanation:
When the label 'Worksheet Template' is long and moves to the next line without
flex-wrap, it may cause unwanted spacing issues. By using `flex-wrap: wrap`,
you essentially enable the content to flow onto a new line if it exceeds the
available width, ensuring a more visually appealing and properly aligned
display without unnecessary space around the label. It allows for a more
flexible layout, accommodating varying content lengths without compromising
the overall presentation.

closes odoo/odoo#147925

X-original-commit: 9be92729eaa4bc3b3cfe9778cb2b1fcc47a8cc59
Signed-off-by: Pierre Paridans (app) <app@odoo.com>

addons/web/static/src/views/calendar/calendar_common/calendar_common_popover.xml

@@ -46,7 +46,7 @@
                 <t t-foreach="Object.keys(props.model.popoverFieldNodes)" t-as="fieldId" t-key="fieldId">
                     <t t-set="fieldInfo" t-value="props.model.popoverFieldNodes[fieldId]"/>
                     <t t-if="!isInvisible(fieldInfo, slot.record)">
-                        <li class="list-group-item flex-shrink-0 d-flex align-items-start" t-att-class="fieldInfo.attrs.class">
+                        <li class="list-group-item flex-shrink-0 d-flex flex-wrap align-items-start" t-att-class="fieldInfo.attrs.class">
                             <span class="fw-bold me-2" t-if="!fieldInfo.options.noLabel">
                                 <t t-if="fieldInfo.options.icon">
                                     <i t-attf-class="fa-fw {{fieldInfo.options.icon}} text-400" />