reorder about page sections with host comparison first.

Move comparison table after the intro and put Compare hosts first in section nav.

frontend/src/components/about/AboutSectionNav.vue

@@ -18,12 +18,12 @@
 import { ROUTE_NAMES } from '@/consts/routeNames';
 
 const aboutPageNavSections = [
+    { id: 'compare', label: 'Compare hosts' },
     { id: 'exiftool', label: 'ExifTool' },
     { id: 'share-modes', label: 'Share modes' },
     { id: 'crypto-shred', label: 'Crypto-shredding' },
     { id: 'limits', label: 'Limits' },
     { id: 'self-hosting', label: 'Self-hosting' },
-    { id: 'clearnet-and-onion', label: 'Clearnet & onion' },
+    { id: 'clearnet-and-onion', label: 'Clearnet & onion' }
-    { id: 'compare', label: 'Compare hosts' }
 ];
 </script>

frontend/src/views/AboutView.vue

@@ -29,6 +29,20 @@
             </p>
         </article>
 
+        <section id="compare" class="mt-14 min-w-0 scroll-mt-16 sm:scroll-mt-20">
+            <h2 class="text-lg font-medium text-foreground">How other image hosts compare</h2>
+            <p class="mt-3 text-sm leading-relaxed text-muted-foreground sm:text-base sm:leading-relaxed">
+                The table below compares Private Image with ImgBB, Imgur, and Catbox, three free image hosts commonly
+                used for forum posts and quick sharing.
+            </p>
+            <p class="mt-4 text-sm leading-relaxed text-muted-foreground sm:text-base sm:leading-relaxed">
+                Features and privacy policies can change, so check each provider's current documentation before relying
+                on any particular capability.
+            </p>
+
+            <AboutComparisonTable class="mt-6" />
+        </section>
+
         <section id="exiftool" class="mt-14 scroll-mt-16 sm:scroll-mt-20">
             <h2 class="text-lg font-medium text-foreground">ExifTool runs in your browser</h2>
             <p class="mt-3 text-sm leading-relaxed text-muted-foreground sm:text-base sm:leading-relaxed">
@@ -179,19 +193,5 @@
                 standard web addresses.
             </p>
         </section>
-
-        <section id="compare" class="mt-16 min-w-0 scroll-mt-16 sm:scroll-mt-20">
-            <h2 class="text-lg font-medium text-foreground">How other image hosts compare</h2>
-            <p class="mt-3 text-sm leading-relaxed text-muted-foreground sm:text-base sm:leading-relaxed">
-                The table below compares Private Image with ImgBB, Imgur, and Catbox, three free image hosts commonly
-                used for forum posts and quick sharing.
-            </p>
-            <p class="mt-4 text-sm leading-relaxed text-muted-foreground sm:text-base sm:leading-relaxed">
-                Features and privacy policies can change, so check each provider's current documentation before relying
-                on any particular capability.
-            </p>
-
-            <AboutComparisonTable class="mt-6" />
-        </section>
     </main>
 </template>