fix: exclude footer from zoom by moving it outside zoom-wrapper

The footer was being zoomed along with CV content because it was
inside the #zoom-wrapper div. This fix moves the footer outside the
zoom-wrapper so it remains at normal size regardless of zoom level.

Changes:
- Move footer template outside zoom-wrapper in index.html
- Add UI exclusion test (11-zoom-ui-exclusion.test.mjs)

Test coverage:
- Verify footer, action bar, and menu are outside zoom-wrapper (DOM)
- Verify UI elements remain unchanged when zooming to 200%
- Verify CV content properly zooms while UI stays fixed

Before: Footer inside zoom-wrapper (zoomed with content)
After: Footer outside zoom-wrapper (stays normal size)

templates/index.html

@@ -157,10 +157,10 @@
         <div class="cv-container">
             {{template "cv-content.html" .}}
         </div>
-
-        {{template "page-footer" .}}
     </div> <!-- End zoom-wrapper -->
 
+    {{template "page-footer" .}}
+
     {{template "error-toast" .}}
     {{template "back-to-top" .}}
     {{template "info-button" .}}