Merge branch 'dole_bouton_responsive' into 'main'

Bouton qui renvoie vers une version responsive dans les dossiers législatifs

See merge request !31

packages/front-office/src/routes/embedded/dossiers/[id]/+page.svelte

 <script lang="ts">
+  import { getContext } from "svelte"
+
+  import { browser } from "$app/environment"
   import { page } from "$app/stores"
   import SuiviApplicationLoi from "$lib/components/SuiviApplicationLoi.svelte"
 
   export let data
 
+  const embedded = getContext("embedded") as boolean
+
   $: ({
     classificationByDecret,
+    containerUrls,
     dossier,
     dossierAssemblee,
     echeanciers,
     rapportApplication,
     texteVersion,
   } = data)
+
+  $: hideMobileButton = browser ? window.outerWidth >= 768 : true
 </script>
 
 <svelte:head>
@@ -28,6 +36,22 @@
   />
 </svelte:head>
 
+<a
+  class="shadow-button block w-52 bg-[#406696] p-2 px-4 text-white transition-all hover:scale-105"
+  class:hidden={hideMobileButton}
+  data-sveltekit-reload
+  href={embedded && containerUrls.echeanciers !== undefined
+    ? new URL(
+        `${dossierAssemblee?.uid ?? texteVersion.META.META_COMMUN.ID}`,
+        containerUrls.echeanciers,
+      ).toString()
+    : `/${dossierAssemblee?.uid ?? texteVersion.META.META_COMMUN.ID}`}
+  target={embedded ? "_top" : undefined}
+>
+  Consulter cette page sur une version compatible petits écrans
+  <iconify-icon class="ml-2 align-[-0.2rem] text-xl" icon="ri-eye-fill" />
+</a>
+
 <SuiviApplicationLoi
   {classificationByDecret}
   dansDossier