index2.html: reorder support channels

Order the SUPPORT boxes as Documentation, Issue tracker, IRC, Mastodon,
Matrix, Mailing list. Each box keeps its own glyph and copy.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Author: ThomasWaldmann

index2.html

@@ -959,6 +959,15 @@ <h3>Chat (IRC)</h3>
         <li><a class="ext" href="https://web.libera.chat/?nick=Guest&amp;#borgbackup">full client</a></li>
       </ul>
     </div>
+    <div class="feature">
+      <span class="glyph" aria-hidden="true">◍</span>
+      <h3>Mastodon</h3>
+      <p>Follow @borgbackup@fosstodon.org for announcements. Mastodon is not suitable
+         for longer or more complex discussions — use one of the other channels for that.</p>
+      <ul class="mini-links">
+        <li><a class="ext" href="https://fosstodon.org/@borgbackup">@borgbackup</a></li>
+      </ul>
+    </div>
     <div class="feature">
       <span class="glyph" aria-hidden="true">▣</span>
       <h3>Matrix chat</h3>
@@ -978,15 +987,6 @@ <h3>Mailing list</h3>
         <li><a class="ext" href="https://mail.python.org/mailman/listinfo/borgbackup">mailing list</a></li>
       </ul>
     </div>
-    <div class="feature">
-      <span class="glyph" aria-hidden="true">◍</span>
-      <h3>Mastodon</h3>
-      <p>Follow @borgbackup@fosstodon.org for announcements. Mastodon is not suitable
-         for longer or more complex discussions — use one of the other channels for that.</p>
-      <ul class="mini-links">
-        <li><a class="ext" href="https://fosstodon.org/@borgbackup">@borgbackup</a></li>
-      </ul>
-    </div>
   </div>
 </section>