fix: loader in bottom territory list

src/views-terrytories.js

@@ -577,12 +577,6 @@ import("./utils.js").then((utils) => {
       
                     <div class="segment block margin-right-xxsmall margin-left-xxsmall sm-margin-none padding-top-xlarge sm-padding-xsmall whitespace-normal">
                     <h2 class="margin-top-xxsmall margin-left-xsmall margin-bottom-medium sm-margin-none sm-margin-right-xsmall sm-margin-bottom-small sm-margin-left-xsmall text-xlarge text-bold text-color-heading text-uppercase">Mes territoires</h2>
-                      <div class="loader" id="loader-${this.route}-my-communities">
-                        <div></div>
-                        <div></div>
-                        <div></div>
-                        <div></div>
-                      </div>
                       <solid-form-search 
                       class="form search-form sm-whitespace-normal" 
                       id="my-communities-filter" 
@@ -633,7 +627,14 @@ import("./utils.js").then((utils) => {
                       widget-counter="tzcld-communities-counter-alternate" 
                       order-asc="name"
                       >
-                      </solid-display>`;
+                      </solid-display>
+                      
+                      <div class="loader" id="loader-${this.route}-my-communities">
+                        <div></div>
+                        <div></div>
+                        <div></div>
+                        <div></div>
+                      </div>`;
       
                 render += `
                   </div>