fix(ui) : TabList — flèches intégrées dans la barre (bordure englobante, 36px des onglets)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

app/components/malio/tab/TabList.vue

@@ -1,13 +1,13 @@
 <template>
   <div v-bind="$attrs">
-    <div v-if="isWindowed" class="flex items-center justify-center gap-4">
+    <div v-if="isWindowed" class="flex items-end justify-center border-b border-m-primary">
       <button
         type="button"
         aria-label="Onglets précédents"
         data-test="tab-prev"
         :disabled="!canPrev"
         :class="[
-          'text-m-primary',
+          'mr-[36px] pb-[6px] text-m-primary',
           canPrev ? 'cursor-pointer hover:text-m-primary/70' : 'cursor-not-allowed text-m-primary/30',
         ]"
         @click="prev"
@@ -17,7 +17,7 @@
 
       <div
         role="tablist"
-        class="flex justify-center gap-[60px] border-b border-m-primary"
+        class="flex justify-center gap-[60px]"
       >
         <button
           v-for="tab in visibleTabs"
@@ -55,7 +55,7 @@
         data-test="tab-next"
         :disabled="!canNext"
         :class="[
-          'text-m-primary',
+          'ml-[36px] pb-[6px] text-m-primary',
           canNext ? 'cursor-pointer hover:text-m-primary/70' : 'cursor-not-allowed text-m-primary/30',
         ]"
         @click="next"