Début du travail sur la nouvelle page d'accueil/d'atterrissage du simulateur

• Styles des liens unifiés en CSS ?
• Dans suggestions : aides_logement ou aide_logement ?

src/lib/components/transverse_pages/OpenGraph.svelte

+<script lang="ts">
+  import { page } from "$app/stores"
+
+  export let description =
+    "LexImpact est un service de l'Assemblée nationale depuis 2020. Il a pour objectif de faciliter l'accès au chiffrage des politiques publiques passées ou à imaginer."
+  export let image = "open-graph-image.png"
+  export let title: string | null = null
+  export let titleSuffix: string | null = "LexImpact - Assemblée nationale"
+  export let type = "website"
+  export let url: string | null = null
+
+  $: ({ data } = $page)
+  $: ({ baseUrl } = data)
+  $: fullTitle = [title, titleSuffix].filter(Boolean).join(" - ")
+</script>
+
+<svelte:head>
+  <meta property="og:description" content={description} />
+  <meta property="og:image" content={new URL(image, baseUrl).toString()} />
+  <meta property="og:title" content={fullTitle} />
+  <meta property="og:type" content={type} />
+  <meta
+    property="og:url"
+    content={url === null ? baseUrl : new URL(url, baseUrl).toString()}
+  />
+</svelte:head>