début des fix

frontend/src/components/LectureList.vue

@@ -3,6 +3,9 @@
 import MiniatureList from "../items/MiniatureList.vue";
 import {defineProps} from "vue";
 import {lectureListStore} from "../stores/dataStore.ts";
+import InPlayListIcon from "../assets/Icons/InPlayListIcon.vue";
+import Trash from "../assets/Icons/Trash.vue";
+import SwitchTab from "../items/SwitchTab.vue";
 
 const props = defineProps({
   popup: {
@@ -17,6 +20,20 @@ const lecturesList = lectureListStore();
 <template>
   <div :class="props.popup == true ? 'lecture-list--popup' : 'lecture-list'">
     <div class="lecture-list__content">
+      <div class="lecture-list__header">
+        <div>
+          <button>
+            <Trash color="#FF306F"/>
+          </button>
+          <div><p>{{ lecturesList.lectures.length }}</p>
+            <InPlayListIcon/>
+          </div>
+        </div>
+        <switch-tab
+            tab1-label="Liste de lecture"
+            tab2-label="Historique de lecture"
+        />
+      </div>
       <MiniatureList
           v-for="lecture in lecturesList.lectures"
           :thumbnail="lecture.thumbnail"
@@ -50,6 +67,16 @@ const lecturesList = lectureListStore();
   background: var(--neutral-100);
   overflow: hidden;
 
+  &__header {
+
+    div {
+      display: flex;
+      align-items: center;
+      justify-content: end;
+      gap: 5px;
+    }
+  }
+
 
   &__content {
     display: flex;