refactor: rename ExternalLink to ButtonLink

src/pages/index.astro

@@ -1,6 +1,6 @@
 ---
 import { Image } from "astro:assets";
-import ExternalLink from "../components/external-link.astro";
+import ButtonLink from "../components/button-link.astro";
 import InlineSvg from "../components/inline-svg.astro";
 import GitHubLogo from "../images/GitHub.svg";
 import GitLabLogo from "../images/GitLab.svg";
@@ -32,7 +32,7 @@ import BaseLayout from "../layouts/BaseLayout.astro";
             <a href="/skills">Skills</a>
           </li>
           <li>
-            <ExternalLink
+            <ButtonLink
               class="link-matrix"
               href="https://matrix.to/#/@kmoschcau:matrix.org"
               title="Mein Matrix-Konto"
@@ -40,10 +40,10 @@ import BaseLayout from "../layouts/BaseLayout.astro";
             >
               <InlineSvg SvgComponent={MatrixLogo} slot="logo" />
               <span>@kmoschcau:matrix.org</span>
-            </ExternalLink>
+            </ButtonLink>
           </li>
           <li>
-            <ExternalLink
+            <ButtonLink
               class="link-github"
               href="https://github.com/kmoschcau/"
               title="Mein GitHub-Konto"
@@ -51,10 +51,10 @@ import BaseLayout from "../layouts/BaseLayout.astro";
             >
               <InlineSvg SvgComponent={GitHubLogo} slot="logo" />
               <span>kmoschcau</span>
-            </ExternalLink>
+            </ButtonLink>
           </li>
           <li>
-            <ExternalLink
+            <ButtonLink
               class="link-gitlab"
               href="https://gitlab.com/kmoschcau"
               title="Mein GitLab-Konto"
@@ -62,10 +62,10 @@ import BaseLayout from "../layouts/BaseLayout.astro";
             >
               <InlineSvg SvgComponent={GitLabLogo} slot="logo" />
               <span>kmoschcau</span>
-            </ExternalLink>
+            </ButtonLink>
           </li>
           <li>
-            <ExternalLink
+            <ButtonLink
               class="link-linked-in"
               href="https://www.linkedin.com/in/kmoschcau/"
               title="Mein LinkedIn-Konto"
@@ -73,10 +73,10 @@ import BaseLayout from "../layouts/BaseLayout.astro";
             >
               <InlineSvg SvgComponent={LinkedInLogo} slot="logo" />
               <span>kmoschcau</span>
-            </ExternalLink>
+            </ButtonLink>
           </li>
           <li>
-            <ExternalLink
+            <ButtonLink
               class="link-keyoxide"
               href="https://keyoxide.org/8CE00E9495B5030DA9217208DF16F424177090BB"
               title="Mein Keyoxide-Eintrag"
@@ -84,7 +84,7 @@ import BaseLayout from "../layouts/BaseLayout.astro";
             >
               <InlineSvg SvgComponent={KeyoxideLogo} slot="logo" />
               <span>Keyoxide</span>
-            </ExternalLink>
+            </ButtonLink>
           </li>
         </ul>
       </nav>