some fixes, also search bar and add spell button

client/src/components/spells/spell-card.vue

@@ -4,7 +4,7 @@
         class="col-12 col-sm-6 col-lg-4 col-xl-3 mb-4 grid-item grid-sizer">
         <div class="spellcard bg-white p-4 rounded text-dark shadow" style="border-left-width:4px;border-left-style:solid;">
             <div class="h3 font-display font-weight-bold text-wrap word-break" :title="name" style="line-height:100%;">
-                <a class="text-decoration-none" :href="'/spell/'+id">{{name}}</a>
+                <a class="text-decoration-none" href="#">{{name}}</a>
             </div>
             <div>
                 <div class="font-weight-700 text-muted d-inline-block">Niveau {{level}}</div><span> · </span>
@@ -22,10 +22,10 @@
                     <span v-for="(variable,index) in variables" :key="index"><span class="font-weight-bold"><span v-if="index!=0"><br></span>{{String.fromCharCode(120+index)}}</span> = {{variable.description}}</span>
                 </div>
             </div>
-            <div class="text-right">
+            <!--<div class="text-right">
                 <a class="h5 text-secondary mr-1" :href="'/spell/'+id+'/edit'"><i class="mad">edit</i></a>
                 <a class="h5 text-danger" :href="'/spell/'+id+'/delete'"><i class="mad">delete</i></a>
-            </div>
+            </div>-->
         </div>
     </div>
 </template>