add dialog to skin parts

src/app/components/navbar.tsx

@@ -1,7 +1,7 @@
 import Link from "next/link";
 import { ReactElement } from "react";
+import { HrefButton } from "./href-button";
 import Logo from "./logo";
-import { RedirectButton } from "./rediect-button";
 import { ToggleThemeButton } from "./theme-toggle-button";
 
 type Page = {
@@ -41,7 +41,7 @@ export default function NavBar(): ReactElement {
 
       <div className="flex gap-4">
         {pages.map((page, index) => {
-          return <RedirectButton key={index} title={page.name} url={page.url} openInNewTab={page.openInNewTab} />;
+          return <HrefButton key={index} title={page.name} url={page.url} openInNewTab={page.openInNewTab} />;
         })}
       </div>
 
@@ -49,7 +49,7 @@ export default function NavBar(): ReactElement {
 
       <div className="mr-4 flex items-center gap-2">
         <div className="hidden md:block">
-          <RedirectButton
+          <HrefButton
             title="Star us on Github!"
             url="https://github.com/RealFascinated/minecraft-helper"
             openInNewTab