Fase 3 feedback round 2: live color preview, bigger top icon, dashboard links

- Style preview now updates immediately when picking a color via the
  colorpicker widget. It sets the input value through jQuery's synthetic
  trigger(), which a native addEventListener('change', ...) never sees -
  bound the listener through jQuery instead so both native and
  colorpicker-driven changes refresh the preview.
- Icon-above-QR max height raised from 25% to 62.5% of QR height (~2.5x
  bigger per feedback); the existing 60%-width cap now becomes the
  practical limit for most icons. Verified generated QR still decodes.
- Dashboard's "Dynamic Qr codes" and "Static QR codes" info-boxes now link
  to their list pages. "Total qr codes"/"Total Scans" left as-is - no
  combined-list or scan-report page exists yet to link them to.
- Random-style button now has a "Randomize" label to match its row-mates
  (Load preset/Save as preset/Style preview), instead of an empty spacer.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Fo3DiRRpmz2DXjD7Uzhc8u

src/dist/js/qrcode-style-tools.js

@@ -95,9 +95,18 @@
         });
 
         document.querySelectorAll('#foreground, #background').forEach(function (input) {
-            input.addEventListener('change', function () {
-                updateStylePreview(scopeOf(input));
-            });
+            // bootstrap-colorpicker sets the value and fires 'change' via jQuery's
+            // synthetic .trigger(), which a native addEventListener never sees - so the
+            // preview only updates via jQuery's event binding, not the native one below.
+            if (window.jQuery) {
+                jQuery(input).on('change', function () {
+                    updateStylePreview(scopeOf(input));
+                });
+            } else {
+                input.addEventListener('change', function () {
+                    updateStylePreview(scopeOf(input));
+                });
+            }
         });
 
         document.querySelectorAll('select[name="level"]').forEach(function (select) {