refactor: simplify media preview navigation by replacing button list with current index display for improved user experience

resources/js/components/media/MediaPreviewDialog.vue

@@ -147,11 +147,8 @@ function handleTouchEnd(e: TouchEvent) {
                     Sebelumnya
                 </Button>
 
-                <div class="flex flex-wrap justify-center gap-1.5">
-                    <button v-for="(_, idx) in allUrls" :key="idx" type="button"
-                        class="size-2 rounded-full transition-all duration-200"
-                        :class="idx === currentIndex ? 'bg-primary w-4' : 'bg-muted-foreground/30'"
-                        @click="activeUrl = allUrls[idx]; emit('update:url', allUrls[idx]);" />
+                <div class="text-sm text-muted-foreground font-medium select-none">
+                    {{ currentIndex + 1 }} / {{ allUrls.length }}
                 </div>
 
                 <Button type="button" variant="outline" size="sm" class="flex items-center gap-1 shrink-0"