Refactor ListItem component to conditionally render button based on device type and clean up ListManagementButtons template

Author: JackBailey

src/components/ListItem.vue

@@ -23,10 +23,20 @@
                 :append-icon="mdiOpenInNew"
                 :href="item.url"
                 target="_blank"
-                v-if="item.url"
+                v-if="item.url && !$vuetify.display.mobile"
                 variant="outlined"
                 size="small"
-            >Open Website</v-btn>
+            >
+                Open Website
+            </v-btn>
+            <v-btn
+                :icon="mdiOpenInNew"
+                :href="item.url"
+                target="_blank"
+                v-if="item.url && $vuetify.display.mobile"
+                variant="outlined"
+                size="small"
+            />
             <ModifyItem
                 variant="outlined"
                 :item="item"

src/components/dialogs/ListManagementButtons.vue

@@ -16,7 +16,7 @@
             @newItem="(data) => $emit('newItem', data)"
             @updateList="$emit('updateList', $event)"
             v-if="wishlistOwner"
-        />
+        /> 
 
         <v-btn
             size="small"