fixes templating (main-tag)

templates/download_results.html

@@ -1,6 +1,5 @@
 
 {% include "header.html" %}
-    <main>
         <section class="container-fluid d-flex justify-content-center">
             <div class="container-md my-5 mx-2 shadow-lg p-4 ">
                 <div class="container-sm">
@@ -87,7 +86,6 @@
                 </table>
             </div>
         </section>
-    </main>
     {% block scripts %}
          {{ bootstrap.load_js() }}
         <script src="{{url_for('.static', filename='download_results.js')}}"></script>

templates/footer.html

@@ -1,4 +1,5 @@
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+    </main>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>   
     <script src="{{url_for('static', filename='color_mode.js')}}"></script>
 </body>
 </html>

templates/header.html

@@ -28,4 +28,5 @@
                     <span class="icon moon"><i class="bi bi-moon-stars"></i></span>            </div>
             </label>
         </nav>
-    </header>
+    </header>
+    <main>

templates/index.html

@@ -1,5 +1,4 @@
 {% include "header.html" %}
-    <main>
         <section id="scrapingFormContainer" class="container-fluid d-flex justify-content-center">
             <div class="container-md my-5 mx-2 shadow-lg p-4 ">
                 <h2>Config</h2>
@@ -40,7 +39,6 @@
                 </div>
             </div>
         </section>
-    </main>
     {% block scripts %}
         {{ bootstrap.load_js() }}
         <script src="{{url_for('.static', filename='app.js')}}"></script>