fix: proper key for v-for loops

components/collections/index.vue

@@ -4,8 +4,8 @@
     :class="{ 'rounded-lg border-2 border-divider': saveRequest }"
   >
     <div
-      class="flex flex-col sticky top-10 z-10"
-      :class="{ 'bg-primary': !saveRequest }"
+      class="flex flex-col sticky z-10 top-0 bg-primary"
+      :class="{ '!top-10': !saveRequest && !doc }"
     >
       <input
         v-if="!saveRequest"
@@ -70,8 +70,7 @@
             : 'CollectionsTeamsCollection'
         "
         v-for="(collection, index) in filteredCollections"
-        :key="collection.name"
-        :name="collection.name"
+        :key="`collection-${index}`"
         :collection-index="index"
         :collection="collection"
         :doc="doc"
@@ -98,7 +97,7 @@
       class="flex items-center text-secondaryLight flex-col p-4 justify-center"
     >
       <i class="material-icons opacity-50 pb-2">create_new_folder</i>
-      <span class="text-xs">
+      <span class="text-xs text-center">
         {{ $t("create_new_collection") }}
       </span>
     </div>
@@ -107,7 +106,7 @@
       class="flex items-center text-secondaryLight flex-col p-4 justify-center"
     >
       <i class="material-icons opacity-50 pb-2">manage_search</i>
-      <span class="text-xs">
+      <span class="text-xs text-center">
         {{ $t("nothing_found") }} "{{ filterText }}"
       </span>
     </div>