fix: missing Playground tags around example

Author: timwessman

site/src/docs/components/link/index.mdx

@@ -40,17 +40,19 @@ These links are the default link variant. Inline links are used within a sentenc
 
 The underlining helps differentiate them from the text they are placed next to and makes it clear users can interact with them. Inline links should not be used on their own.
 
-<p style={{ fontSize: '14px' }}>
-  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
-  aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-  <Link
-    href="https://github.com/City-of-Helsinki/helsinki-design-system"
-    external
-    openInExternalDomainAriaLabel="Opens a different website"
-  >HDS Github</Link>
-  consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-  Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-</p>
+<PlaygroundPreview>
+  <div style={{ fontSize: '14px' }}>
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
+    aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+    <Link
+      href="https://github.com/City-of-Helsinki/helsinki-design-system"
+      external
+      openInExternalDomainAriaLabel="Opens a different website"
+    >HDS Github</Link>
+    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+    Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+  </div>
+</PlaygroundPreview>
 
 ---