Simplify legend column calculation and fix HTML typo

Refactored the legend column logic in chart_helper.js for clarity and consistency. Fixed a misplaced closing span tag in compare.html to correct the loading message markup.

Author: MrIbrahem

python/src/static/js/chart_helper.js

@@ -28,16 +28,10 @@ function createLegendHTML(labels, colors) {
     const totalItems = labels.length;
     let numColumns = 1;
 
-    if (totalItems === 10 || totalItems === 20) {
-        numColumns = 2;
-    }
-    else if ((totalItems >= 11 && totalItems <= 19) ||
-        (totalItems >= 20 && totalItems <= 29) ||
-        (totalItems >= 31 && totalItems <= 39)) {
-        numColumns = Math.ceil(totalItems / 10); // تقريبًا عمود لكل 10 عناصر
-
-    } else if ((totalItems > 10 && totalItems < 20) || (totalItems > 20 && totalItems < 30)) {
+    if (totalItems > 10) {
         numColumns = Math.ceil(totalItems / 10);
+    } else if (totalItems === 10) {
+        numColumns = 2;
     }
 
     const itemsPerColumn = Math.ceil(totalItems / numColumns);

python/src/templates/compare.html

@@ -42,7 +42,7 @@
                     <div class="spinner-border spinner-border-sm" role="status">
                         <span class="visually-hidden">Loading...</span>
                     </div>
-                    <span class="ms-2"></span>جار التحميل...</span>
+                    <span class="ms-2">جار التحميل...</span>
                 </div>
                 <div id="tables_container"></div>
             </div>