[FIX] website_event_track_(online, session): improve date display in agenda and track list

Make day date header in track list and agenda looks the same. Also improve
typography to have a nicely looking responsive date.

LINKS

Coming from internal feedback while deploying online support
Task ID-2314778
PR #55634

X-original-commit: 78b12324c720c13ac75b0cb830b2ebf1f286483f

addons/website_event_track_online/static/src/scss/event_track_templates.scss

@@ -196,3 +196,10 @@
         opacity:.1;
     }
 }
+
+/*
+ * EVENT TOOL: DATE
+ */
+.o_wevent_event .o_we_track_day_header > div > span.h1 {
+    font-size: xx-large;
+}

addons/website_event_track_online/views/event_track_templates_agenda.xml

@@ -72,18 +72,21 @@
     </div>
 
     <section t-else="" class="col-12" t-foreach="days" t-as="day">
-        <!-- Day Title -->
-        <div class="o_page_hader d-flex justify-content-between align-items-center mt-3 mb-0 border-bottom border-dark">
-            <h3 class="d-flex">
-                <span class="mr-2" t-esc="day.strftime('%A')"/> <span t-esc="day.day"/>
-                <div class="ml-2 d-flex flex-column" style="line-height: 0.8; font-size: 0.5em;">
-                    <span class="pt-1 pb-1" t-esc="day.strftime('%B').upper()"/>
-                    <span t-esc="day.year"/>
+        <!-- DAY HEADER -->
+        <div class="o_we_track_day_header mt-3 w-100 d-flex justify-content-between align-items-center">
+            <div class="d-flex">
+                <span class="h1 m-0 font-weight-bold" t-esc="day"
+                    t-options="{'widget': 'date', 'format': 'EEEE dd'}"/>
+                <div class="d-flex flex-column ml-2">
+                    <span class="font-weight-bold" t-esc="day"
+                        t-options="{'widget': 'date', 'format': 'MMMM'}"/>
+                    <span class="font-weight-bold" t-esc="day"
+                        t-options="{'widget': 'date', 'format': 'YYYY'}"/>
                 </div>
-
-            </h3>
+            </div>
             <small class="float-right text-muted"><t t-esc="tracks_by_days[day]"/> tracks</small>
         </div>
+        <hr class="mt-2 pb-1 mb-1"/>
 
         <!-- Day Agenda -->
         <div class="o_we_online_agenda">

addons/website_event_track_session/views/event_track_templates_list.xml

@@ -171,7 +171,7 @@
                 <t t-set="tracks_date" t-value="tracks_info[0]"/>
                 <t t-set="tracks" t-value="tracks_info[1]"/>
                 <!-- DAY HEADER -->
-                <div class="w-100">
+                <div class="o_we_track_day_header w-100">
                     <div class="d-flex">
                         <span class="h1 m-0 font-weight-bold" t-esc="tracks_date"
                             t-options="{'widget': 'date', 'format': 'EEEE dd'}"/>