add base structure for card text as textref

src/pages/Library.vue

@@ -1,13 +1,21 @@
 <template>
-  <component-debug :component="this">
+  <component-debug :component="this" class="view">
     <div class="py-3">
       <b-button @click="openText">
         add text 50
       </b-button>
     </div>
 
+    <!-- BACKGROUND (mode) -->
     <component :is="mode" />
-    <text-card v-for="group in groups" :key="group.id" :id="group.id" />
+
+    <!-- FOREGROUND (texts) -->
+    <section v-for="group in groups" :key="group.id" class="split-screen">
+      <text-card :id="group.id" />
+      <div>
+        <text-card v-for="id in group.prod" :key="id" :id="id" />
+      </div>
+    </section>
   </component-debug>
 </template>