Cadre de visee live correspondant au recadrage final pellicule/collage

L'apercu live montrait le plein cadre camera (ratio ~3:2) alors que le
recadrage final de chaque case (creer_strip/creer_collage) est plus carre
(~1.11:1 pour 3 photos en pellicule) : le cadrage visualise pendant le
compte a rebours ne correspondait pas au resultat imprime.

Ajoute un cadre pointille superpose au live preview, dimensionne en
reproduisant cote JS la meme formule de recadrage que backend/collage.py,
visible uniquement en mode multi-shot (strip ou collage).

frontend/index.html

@@ -87,6 +87,7 @@
     <section id="ecran-capture" class="ecran">
       <div id="preview-live" class="preview-live">
         <img id="img-preview" src="" alt="Preview">
+        <div id="cadre-guide-recadrage" class="cadre-guide-recadrage cache"></div>
         <div id="preview-erreur-camera" class="preview-erreur-camera cache">
           <div class="preview-erreur-icon">&#128247;</div>
           <p>Appareil photo deconnecte</p>
@@ -738,7 +739,7 @@
 
   <script src="/js/websocket.js?v=3"></script>
   <script src="/js/app.js?v=4"></script>
-  <script src="/js/camera.js?v=6"></script>
+  <script src="/js/camera.js?v=7"></script>
   <script src="/js/effects.js?v=3"></script>
   <script src="/js/gallery.js?v=3"></script>
   <script src="/js/share.js?v=5"></script>