feat(15): making fragments, loading based on step

15-multi-step-form/src/main/resources/templates/step3.html

@@ -36,9 +36,10 @@
     <![endif]-->
 
     <main class="grid place-content-center h-screen">
-      <article
+      <form
         class="flex flex-col items-center w-screen h-screen md:grid md:items-start md:p-5 md:bg-white md:rounded-2xl md:grid-cols-[auto_1fr] md:w-desktop-form md:h-desktop-form md:drop-shadow-2xl"
         id="form-step"
+        th:fragment="formFragment(formData)"
       >
         <summary
           class="w-full h-44 bg-no-repeat md:row-span-2 bg-sidebar-mobile marker:text-white md:bg-sidebar-desktop md:h-[568px] md:w-[274px]"
@@ -181,7 +182,7 @@
             >Next Step</a
           >
         </section>
-      </article>
+      </form>
     </main>
   </body>
 </html>