Add legal information operation site

web-app/src/lib/templates/common/Footer.svelte

@@ -1,11 +1,14 @@
 <script lang="ts">
-  const { text }: { text: string } = $props();
+  const { text, isIndexPage = true }: { text: string; isIndexPage?: boolean } = $props();
 </script>
 
 <footer>
   <div class="container">
     <small>
-      {@html text}
+      {@html text.replace(
+        "!!legal",
+        `<a href="${isIndexPage ? "./legal-information" : "../legal-information"}">Legal information</a>`
+      )}
     </small>
   </div>
 </footer>