added feature for binding form to page and fixing bugs

resources/js/componentss/shared/builder/formBuilder/FormBuilder.vue

@@ -29,7 +29,7 @@
           </h2>
         </div>
         <!-- Card -->
-        <div class="mt-5 p-4 relative z-1000 bg-white border rounded-xl sm:mt-10 md:p-10">
+        <div class="mt-5 p-4 relative z-1000 bg-white md:border rounded-xl sm:mt-10 md:p-10">
           <form @submit="submitForm">
             <component
                 v-for="(block, index) in blocks.data.columns"

resources/js/componentss/shared/builder/pageBuilder/blocks/FormBlock.vue

@@ -7,7 +7,7 @@
 		</div>
 	</div>
 	<div v-else>
-    <div v-if="block.data.settings.in_modal">
+    <div v-if="block?.data.settings.in_modal">
       <button type="button" class="w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-lg border border-transparent bg-primary text-white hover:bg-primary-light focus:outline-none focus:bg-blue-700 disabled:opacity-50 disabled:pointer-events-none" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-vertically-centered-scrollable-modal" data-hs-overlay="#hs-vertically-centered-scrollable-modal">
         {{ form.data.title }}
       </button>