feat(ui): add social link (#940)

<img width="1429" alt="Capture d’écran 2025-02-07 à 16 22 22"
src="https://github.com/user-attachments/assets/41dd89ed-4c31-4cd0-81c8-b75b09224c4c"
/>
<img width="572" alt="Capture d’écran 2025-02-07 à 16 28 06"
src="https://github.com/user-attachments/assets/c1aca739-14d1-4a60-b28d-a6db1c1891f7"
/>


In future text link of social network can be replaced by icons

Author: AugustinMauroy

frontend/routes/_layout.tsx

@@ -35,7 +35,7 @@ export default function Layout(
       </div>
       <footer
         id="footer"
-        class="text-xs text-center mt-4 md:mt-6 p-4 text-jsr-gray-500"
+        class="text-xs text-center mt-4 md:mt-6 md:p-4 p-2 text-jsr-gray-500"
       >
         JSR - It is{" "}
         <time datetime={currentDatetime.toISOString()}>
@@ -64,6 +64,27 @@ export default function Layout(
           class="text-jsr-cyan-700 hover:text-blue-400 underline"
         >
           <span>Discord</span>
+        </a>{" "}
+        -{" "}
+        <a
+          href="https://bsky.app/profile/jsr.io"
+          class="text-jsr-cyan-700 hover:text-blue-400 underline"
+        >
+          <span>Bluesky</span>
+        </a>{" "}
+        -{" "}
+        <a
+          href="https://x.com/jsr_io"
+          class="text-jsr-cyan-700 hover:text-blue-400 underline"
+        >
+          <span>X (ex Twitter)</span>
+        </a>{" "}
+        -{" "}
+        <a
+          href="https://www.youtube.com/@jsr-io"
+          class="text-jsr-cyan-700 hover:text-blue-400 underline"
+        >
+          <span>YouTube</span>
         </a>
         {state.span?.isSampled ? ` — x-deno-ray: ${state.span.traceId}` : null}
       </footer>