use Link component

Author: pettinarip

src/components/NetworkMaturity.tsx

@@ -1,3 +1,4 @@
+import InlineLink from "./ui/Link"
 import ExpandableCard from "./ExpandableCard"
 
 import DevelopingImage from "@/public/images/network-maturity/developing.svg"
@@ -11,17 +12,12 @@ const NetworkMaturity = () => {
       <ExpandableCard title="Network maturity explained">
         <div>
           <div className="space-y-4">
-            {" "}
             <p>
               We review the network’s progress towards{" "}
-              <a
-                href="https://medium.com/l2beat/introducing-stages-a-framework-to-evaluate-rollups-maturity-d290bb22befe"
-                target="_blank"
-                rel="noopener noreferrer"
-              >
+              <InlineLink href="https://medium.com/l2beat/introducing-stages-a-framework-to-evaluate-rollups-maturity-d290bb22befe">
                 Ethereum alignment
-              </a>
-              &nbsp;(<strong>rollup stages 0-2</strong>),{" "}
+              </InlineLink>{" "}
+              (<strong>rollup stages 0-2</strong>),{" "}
               <strong>total value locked (TVL)</strong>,
               <strong> time live in production</strong>, and{" "}
               <strong>risk considerations</strong>. These levels help track