feat: reset all fields on refresh

_layouts/wizard.html

@@ -15,7 +15,7 @@
             in mind in order to accommodate different use-cases and threat models.
         </p>
 
-        <div id="wizard-container">
+        <form id="wizard-container">
             <section>
                 <h2>Time Based Rules</h2>
                 <p>
@@ -165,11 +165,18 @@
             </section>
 
             <button onclick="generatePolicy()">Generate Policy</button>
-        </div>
+        </form>
 
         <textarea id="policy" disabled placeholder="Click 'Generate Policy'"></textarea>
 
         <script>
+            function resetFormFields() {
+                const form = document.getElementById('wizard-container');
+                form.reset();
+            }
+
+            window.onload = resetFormFields;
+
             function extractValues() {
                 const policy = {}