feat: updates stats display to use <output>

Replaces `` elements with `` elements for displaying input and output statistics.

This improves accessibility and semantics by correctly associating the stats display with the corresponding SVG input/output elements.

Author: firestar300

index.html

@@ -179,7 +179,7 @@ <h2 class="text-2xl font-semibold text-slate-900 dark:text-slate-100">Original S
                                 <span class="sr-only">Change background color</span>
                             </button>
                         </div>
-                        <div id="inputStats" class="p-3 bg-slate-50 dark:bg-slate-900 rounded-md text-sm text-slate-600 dark:text-slate-400"></div>
+                        <output id="inputStats" for="inputSvg" class="block p-3 bg-slate-50 dark:bg-slate-900 rounded-md text-sm text-slate-600 dark:text-slate-400"></output>
                     </div>
                 </div>
 
@@ -215,7 +215,7 @@ <h2 class="text-2xl font-semibold text-slate-900 dark:text-slate-100">Merged SVG
                                 <span class="sr-only">Change background color</span>
                             </button>
                         </div>
-                        <div id="outputStats" class="p-3 bg-slate-50 dark:bg-slate-900 rounded-md text-sm text-slate-600 dark:text-slate-400"></div>
+                        <output id="outputStats" for="outputSvg" class="block p-3 bg-slate-50 dark:bg-slate-900 rounded-md text-sm text-slate-600 dark:text-slate-400"></output>
                     </div>
                 </div>
             </div>