upgrade to laravel 12 done

resources/js/Components/LoadingSpinner.vue

@@ -3,12 +3,20 @@
         <div class="bg-white p-6 rounded-lg shadow-lg text-center flex flex-col items-center">
             <div class="loader ease-linear rounded-full border-4 border-t-4 border-gray-200 h-12 w-12 mb-4"></div>
             <p class="text-gray-700 text-lg">{{ __('loading_spinner.processing_image') }}</p>
+            <p v-if="progress > 0" class="text-gray-700 text-sm mt-2">{{ progress }}%</p>
         </div>
     </div>
 </template>
 
 <script setup>
-// No script logic needed for a simple spinner
+import { defineProps } from 'vue';
+
+const props = defineProps({
+  progress: {
+    type: Number,
+    default: 0,
+  },
+});
 </script>
 
 <style scoped>