fix(MessgaesList): update date separator overnight

Signed-off-by: DorraJaouad <[email protected]>

src/components/MessagesList/MessagesList.vue

@@ -25,7 +25,7 @@
 			:data-date-timestamp="dateTimestamp"
 			class="scroller__content"
 			:class="{ 'has-sticky': dateTimestamp === stickyDate }">
-			<li class="messages-group__date">
+			<li :key="dateSeparatorLabels[dateTimestamp]" class="messages-group__date">
 				<span class="messages-group__date-text" role="heading" aria-level="3">
 					{{ dateSeparatorLabels[dateTimestamp] }}
 				</span>
@@ -390,7 +390,7 @@ export default {
 					}
 
 					if (!this.dateSeparatorLabels[dateTimestamp]) {
-						this.dateSeparatorLabels[dateTimestamp] = this.generateDateSeparator(dateTimestamp)
+						this.$set(this.dateSeparatorLabels, dateTimestamp, this.generateDateSeparator(dateTimestamp))
 					}
 
 					if (!groupsByDate[dateTimestamp]) {
@@ -1266,6 +1266,10 @@ export default {
 			// setTimeout is needed here for Safari to correctly remove the unread marker
 			setTimeout(() => {
 				this.refreshReadMarkerPosition()
+				// Regenerate relative date separators
+				Object.keys(this.dateSeparatorLabels).forEach(dateTimestamp => {
+					this.$set(this.dateSeparatorLabels, dateTimestamp, this.generateDateSeparator(dateTimestamp))
+				})
 			}, 2)
 		},