chore: Update Gallery component with computed hash property

The Gallery component has been updated to include a computed property called `hash`. This property generates a unique hash based on the `id` and `files` array, which is used to set the `id` attribute of the component's root element. This change ensures that the `id` remains unique and avoids potential conflicts with other elements on the page.

resources/js/components/Gallery/Gallery.vue

@@ -22,6 +22,13 @@ export default {
             lightbox: null,
         }
     },
+    computed: {
+        hash() {
+            const hash = this.files.map((file) => file.id).join('_');
+
+            return `${this.id}-${hash}`
+        },
+    },
     mounted() {
         this.$nextTick(() => {
             if (!this.lightbox) {
@@ -130,13 +137,13 @@ export default {
     },
     methods: {
         onOpen() {
-            document.querySelectorAll(`#${this.id} a`)?.[0].click();
+            document.querySelectorAll(`#${this.hash} a`)?.[0].click();
         }
     }
 }
 </script>
 <template>
-    <div :id="id" class="ln-flex ln-items-center ln-group" @click.prevent.stop="onOpen">
+    <div :id="hash" class="ln-flex ln-items-center ln-group" @click.prevent.stop="onOpen">
         <div class="ln-flex ln-overflow-hidden" :class="{
             '-ln-space-x-3': resourceView === 'index',
             '-ln-space-x-5': resourceView === 'detail'