Resolve "Refactor buckets into pinia store"

Closes #29 (closed) #28 (closed)

src/components/BucketView.vue

@@ -687,12 +687,33 @@ watch(
   <!-- Body -->
   <div class="pt-3">
     <!-- If bucket not found -->
-    <div v-if="objectState.bucketNotFoundError">
-      <p>Bucket not found</p>
+    <div v-if="objectState.bucketNotFoundError" class="text-center fs-2 mt-5">
+      <bootstrap-icon
+        icon="search"
+        class="mb-3"
+        :width="64"
+        :height="64"
+        style="color: var(--bs-secondary)"
+        fill="currentColor"
+      />
+      <p>
+        Bucket <i>{{ props.bucketName }}</i> not found
+      </p>
     </div>
     <!-- If no permission for bucket -->
-    <div v-else-if="objectState.bucketPermissionError">
-      <p>No permission for this bucket</p>
+    <div
+      v-else-if="objectState.bucketPermissionError"
+      class="text-center fs-2 mt-5"
+    >
+      <bootstrap-icon
+        icon="folder-x"
+        class="mb-3"
+        :width="64"
+        :height="64"
+        style="color: var(--bs-secondary)"
+        fill="currentColor"
+      />
+      <p>You don't have permission for this bucket</p>
     </div>
     <!-- Show content of bucket -->
     <div v-else>