ui: move Re-crop Current button under cropped avatar preview in tab11

Relocated the button from the top action row to below the '512x512
displayed as circle' label for more intuitive placement next to the
avatar it acts on.

bot/static/index.html

@@ -1882,7 +1882,6 @@
         <div style="margin-bottom: 1rem; display: flex; gap: 0.5rem; flex-wrap: wrap; align-items: center;">
           <button onclick="pfpChangeDanbooru()">🎨 Change (Danbooru)</button>
           <button onclick="pfpRestoreFallback()">🔄 Restore Original Avatar</button>
-          <button onclick="pfpRecrop()">✂️ Re-crop Current</button>
         </div>
 
         <!-- Upload Section -->
@@ -2003,6 +2002,7 @@
             <span class="label">🎯 Current Avatar (cropped)</span>
             <img id="pfp-preview-current" src="" alt="Current avatar" style="border-radius: 50%; max-width: 256px; max-height: 256px;">
             <div style="font-size: 0.8rem; color: #666; margin-top: 0.3rem;">512×512 · displayed as circle</div>
+            <button onclick="pfpRecrop()" style="margin-top: 0.5rem;">✂️ Re-crop Current</button>
           </div>
         </div>