Move the edit button

frontend/pages/item/[id]/index.vue

@@ -63,6 +63,10 @@
     item.value.quantity = newQuantity;
   }
 
+  function navigateToEdit() {
+    navigateTo(`/item/${itemId.value}/edit`);
+  }
+
   type FilteredAttachments = {
     attachments: ItemAttachment[];
     warranty: ItemAttachment[];
@@ -397,11 +401,6 @@
         name: "Maintenance",
         to: `/item/${itemId.value}/maintenance`,
       },
-      {
-        id: "edit",
-        name: "Edit",
-        to: `/item/${itemId.value}/edit`,
-      },
     ];
   });
 
@@ -494,7 +493,13 @@
                 <input v-model="preferences.showEmpty" type="checkbox" class="toggle toggle-primary" />
                 <span class="label-text ml-4"> Show Empty </span>
               </label>
-              <PageQRCode />
+              <div class="flex items-end gap-5 mr-3">
+                <PageQRCode />
+                <BaseButton size="sm" @click="navigateToEdit">
+                  <Icon class="mr-4" name="mdi-pencil" />
+                  Edit
+                </BaseButton>
+              </div>
             </div>
           </template>
           <DetailsSection :details="itemDetails">
@@ -581,7 +586,7 @@
         </template>
       </div>
     </section>
-
+    
     <section v-if="items && items.length > 0" class="my-6">
       <ItemViewSelectable :items="items" />
     </section>