Use ul and li to render status

Signed-off-by: Louis Chemineau <louis@chmn.me>

src/components/TimelineEntry.vue

@@ -1,5 +1,5 @@
 <template>
-	<div :class="['timeline-entry', hasHeader ? 'with-header' : '']">
+	<li :class="['timeline-entry', hasHeader ? 'with-header' : '']">
 		<div v-if="isNotification" class="notification">
 			<Bell :size="22" />
 			<span class="notification-action">
@@ -30,7 +30,7 @@
 					:type="type" />
 			</div>
 		</template>
-	</div>
+	</li>
 </template>
 
 <script>

src/components/TimelineList.vue

@@ -22,7 +22,7 @@
 
 <template>
 	<div class="social__timeline">
-		<transition-group name="list" tag="div">
+		<transition-group name="list" tag="ul">
 			<TimelineEntry v-for="entry in timeline"
 				:key="entry.id"
 				:item="entry"

src/views/ProfilePageIntegration.vue

@@ -1,7 +1,7 @@
 <template>
 	<div>
 		<h2>Social</h2>
-		<transition-group name="list" tag="div">
+		<transition-group name="list" tag="ul">
 			<TimelineEntry v-for="entry in timeline"
 				:key="entry.id"
 				:item="entry" />