Merge branch 'main-test'

src/scss/shopList/_my-shopping-list.scss

@@ -23,6 +23,23 @@
     display: none;
 }
 
+.main-title-shoplist-hidden {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    border: 0;
+    padding: 0;
+    white-space: nowrap;
+    clip-path: inset(100%);
+    clip: rect(0 0 0 0);
+    overflow: hidden;
+}
+
+.wrap-support {
+    display: none;
+}
+
 .title-shoplist {
     font-size: 32px;
     line-height: 1.19;

src/shopList.js

@@ -1,12 +1,12 @@
-import './js/firebase_sandbox';
-import './js/firebase';
+import './js/BooksApiService';
 import './js/header';
 import './js/header-current-link'
 import './js/dark-theme'; 
 import './js/markup-shopping-list';
 import './js/onClickDelateBtn';
 import './js/loader';
 import './js/scroll_up';
-import './js/BooksApiService';
 import './js/support-ukraine';
 import './js/reg-window';
+import './js/firebase_sandbox';
+import './js/firebase';

src/shopping-list.html

@@ -51,12 +51,21 @@
     <!-- Header -->
     <include src="./partials/header.html"></include>
     <main>
-      <!-- My Shopping List  -->
-      <include src="./partials/my-shopping-list.html"></include>
+      <section class="section-shopping-list">
+        <div class="container container-shopping-list">
+          <h1 class="main-title-shoplist-hidden">Page of Shopping List</h1>
+
+          <!-- Support Ukraine -->
+          <div class="wrap-support">
+            <include src="./partials/support-ukraine.html"></include>
+          </div>
+          <!-- My Shopping List  -->
+          <include src="./partials/my-shopping-list.html"></include>
+        </div>
+      </section>
     </main>
     <!-- Footer  -->
     <include src="./partials/footer.html"></include>
-    <include src="./partials//modalForm.html"></include>
     <script type="module" src="./shopList.js"></script>
   </body>
-</html>
+</html>