Finalize aappv2 data models migration

templates/chat/display-tarot-card.hbs

@@ -1,12 +1,24 @@
-</div>
-    <div class="flexcol">
-      <img class="{{#if system.ispositif}} {{else}}flip-tarot{{/if}}" src="{{img}}">
-        <span class="tarot-title">{{name}}</span>
-        {{#if system.isdualside}}
-          <span class="tarot-title">{{#if system.ispositif}}Positif{{else}}Négatif{{/if}}</span>
-        {{/if}}
-        {{#if value}}
-          <span class="tarot-title">Valeur : {{value}}</span>
-        {{/if}}
+<div class="malefices-chat-card">
+
+  <div class="chat-card-header">
+    <div class="chat-actor-name">🃏 Carte Tirée</div>
+  </div>
+
+  <div class="chat-card-separator"></div>
+
+  <div class="tarot-card-display">
+    <img class="tarot-card-img {{#unless system.ispositif}}flip-tarot{{/unless}}" src="{{img}}" alt="{{name}}" />
+    <div class="tarot-card-info">
+      <div class="tarot-card-name">{{name}}</div>
+      {{#if system.isdualside}}
+        <div class="tarot-card-side {{#if system.ispositif}}tarot-positif{{else}}tarot-negatif{{/if}}">
+          {{#if system.ispositif}}⬆ Positif{{else}}⬇ Négatif{{/if}}
+        </div>
+      {{/if}}
+      {{#if value}}
+        <div class="tarot-card-value">Valeur : <strong>{{value}}</strong></div>
+      {{/if}}
     </div>
   </div>
+
+</div>