Fix virtual-sample static comments-container position

src/assets/css/src/2.blocks.dialog.css

@@ -85,6 +85,11 @@
   gap: var(--space-8);
 }
 
+/* Comments */
+.static#virtual-sample #comments-container {
+  top: 8rem;
+}
+
 /* Footer */
 .dialog [data-pc-section="footer"] {
   height: var(--footer-h);

src/components/comments/Comments.vue

@@ -308,9 +308,6 @@ function openComment(comment) {
   margin: auto;
   font-size: var(--text-sm);
   color: var(--color-grey-400);
-  background-image: var(--icon-comment);
-  background-position: center;
-  background-repeat: no-repeat;
 }
 .comments.empty::before {
   --icon-size: 1.25rem;

src/components/project/virtual-sample/VirtualSample.vue

@@ -11,22 +11,28 @@
     :closeOnEscape="true"
   >
     <template #header>
-      <div class="dialog__tabs">
+      <div class="dialog__tabs" role="tablist">
         <button
           v-if="step.files.dynamic"
+          type="button"
+          role="tab"
           class="btn btn--transparent | font-serif"
           data-icon="cursor"
           :aria-pressed="activeTab === 'dynamic' ? true : false"
+          aria-controls="dynamic"
           @click="activeTab = 'dynamic'"
         >
           <span>Vue Dynamique</span>
         </button>
         <button
           v-if="step.files.static"
+          type="button"
+          role="tab"
           @click="activeTab = 'static'"
           class="btn btn--transparent | font-serif"
           data-icon="image"
           :aria-pressed="activeTab === 'static' ? true : false"
+          aria-controls="static"
         >
           <span>Vue statique</span>
         </button>
@@ -34,8 +40,8 @@
       <h2 class="font-serif text-lg">Échantillon virtuel</h2>
     </template>
 
-    <DynamicView v-if="activeTab === 'dynamic'" />
-    <StaticView v-if="activeTab === 'static'" />
+    <DynamicView id="dynamic" v-if="activeTab === 'dynamic'" />
+    <StaticView id="static" v-if="activeTab === 'static'" />
 
     <template #footer>
       <a