Resolve "Disable feature for foreign users"

Closes #33 (closed)

src/components/BucketListItem.vue

@@ -19,6 +19,7 @@ const props = defineProps<{
   active: boolean;
   bucket: BucketOut;
   loading: boolean;
+  deletable: boolean;
 }>();
 
 const randomIDSuffix = Math.random().toString(16).substr(2, 8);
@@ -88,7 +89,7 @@ onMounted(() => {
         <span class="text-truncate" style="width: 80%">{{ bucket.name }}</span>
         <div>
           <bootstrap-icon
-            v-if="props.active && permission == null"
+            v-if="props.active && permission == null && props.deletable"
             icon="trash-fill"
             class="delete-icon me-2"
             :width="16"