add cards & tracks

app/pages/index.vue

@@ -9,6 +9,7 @@
     </header>
     <main>
       <OrganismCompilationList />
+      <MoleculePlayer />
     </main>
   </div>
 </template>

app/pages/studio.vue

@@ -1,9 +1,9 @@
 <template>
-  <div class="flex flex-wrap justify-center">
+  <div class="flex flex-wrap justify-center items-center h-screen">
     <div class="bg-page-dark-bg text-white">
       <div class="flex flex-col-reverse bg-gradient-to-r from-primary to-primary-dark">
         <div class="mt-8 flex flex-wrap justify-center">
-          <molecule-box :compilation="compilation" />
+          <!-- <molecule-box :compilation="compilation" /> -->
           <div class="devtool  absolute right-4 text-white bg-black rounded-2xl px-4 py-2">
             <!-- <button @click="currentPosition = boxPositions.side">side</button>
             <button @click="currentPosition = boxPositions.front">front</button>