fix: Fix various outlines style

The "back" link outline was overflowing over the navigation bar and it
was covered by the section image if it existed.

In compact mode, the outline of links images was a square while the
images were rounded.

The outline of links titles and links comments was truncated in compact
mode.

Author: marienfressinaud

src/assets/stylesheets/components/layout.css

@@ -89,6 +89,8 @@
     text-overflow: ellipsis;
     vertical-align: top;
     white-space: nowrap;
+
+    outline-offset: calc(-1 * var(--width-border-bold));
 }
 
 @media (min-width: 800px) {

src/assets/stylesheets/custom/links.css

@@ -112,6 +112,8 @@
     height: 75px;
 
     flex-shrink: 0;
+
+    border-radius: var(--radius);
 }
 
 .link__image {
@@ -127,6 +129,8 @@
     .link:not(.link--compact) .link__image-container {
         width: 100%;
         height: 156px;
+
+        border-radius: 0;
     }
 
     .link:not(.link--compact) .link__image {
@@ -135,11 +139,8 @@
 }
 
 .link__content {
-    overflow: hidden;
-
+    min-width: 0;
     margin-left: var(--space-small);
-
-    flex-shrink: 1;
 }
 
 @media (min-width: 800px) {