improved sidebar structure, layouts and texts

public/index.php

@@ -169,21 +169,12 @@ $news_items = $stmt->fetchAll();
                     <div class="sidebar-body">
                         <p>Verwenden Sie die Karte, um <strong>Aufgaben</strong> für die Gemeinschaft hinzuzufügen oder bestehende Aufgaben zu betrachten, bewerten und kommentieren.</p>                     
 
-                        <!-- Leaderboard -->
-                        <div id="leaderboard-container" class="leaderboard-box">
-                            <h3>Rangliste</h3>
-                            <div id="leaderboard-list"></div>
-                            <button class="btn btn-secondary leaderboard-more-btn" onclick="showFullLeaderboard()">
-                                Vollständige Rangliste
-                            </button>
-                        </div>
-
                         <h3>Kategorien</h3>
                         <div id="task-category-filter">
-                            <!-- Task Category Filter Checkboxes — populated by app.js (with count per category) -->
+                            <!-- populated by app.js -->
                         </div>
-                        <p id="tasks-total">
+                        <p id="task-stats-container">
-                            <!-- e.g. "✓ 17 Aufgaben insgesamt" — populated by app.js -->
+                            <!-- populated by app.js -->
                         </p>
 
                         <div class="task-filter-row">
@@ -194,6 +185,16 @@ $news_items = $stmt->fetchAll();
                                 <option value="verified">Erledigte Aufgaben</option>
                             </select>
                         </div>
+
+                        <!-- Leaderboard -->
+                        <div id="leaderboard-container" class="leaderboard-box">
+                            <h3>Rangliste</h3>
+                            <div id="leaderboard-list"></div>
+                            <button class="btn btn-secondary leaderboard-more-btn" onclick="showFullLeaderboard()">
+                                Vollständige Rangliste
+                            </button>
+                        </div>
+
                     </div>
                 </div>