Refactor Link component from makeStyles to sprinkles

.changeset/quick-parrots-heal.md

@@ -0,0 +1,5 @@
+---
+"saleor-dashboard": patch
+---
+
+Improved display of Links. Now they inherit size of the parent element, usually paragraph. Links should no longer looks strange within text blocks

src/components/ExternalLink/ExternalLink.tsx

@@ -30,7 +30,7 @@ const ExternalLink = (props: ExternalLinkProps) => {
       href={href}
       className={classes.link}
       target={target}
-      rel={(rel ?? opensNewTab) ? "noopener noreferer" : ""}
+      rel={(rel ?? opensNewTab) ? "noopener noreferrer" : ""}
       {...rest}
     >
       <Text className={className} color="default1">
@@ -53,7 +53,7 @@ export const ExternalLinkNext = (
       textDecoration="none"
       {...props}
       as="a"
-      rel={(props.rel ?? opensNewTab) ? "noopener noreferer" : ""}
+      rel={(props.rel ?? opensNewTab) ? "noopener noreferrer" : ""}
     />
   );
 };