add button for staring the project on github

src/app/(pages)/player/[id]/page.tsx

@@ -79,6 +79,7 @@ export default async function Page({ params }: Params) {
                 <div className="flex gap-2">
                   {Object.entries(player.skin.parts).map(([key, value]) => {
                     return (
+                      // eslint-disable-next-line @next/next/no-img-element
                       <img className="h-[64px]" key={key} src={value} alt={`The player's ${key}`} loading="lazy" />
                     );
                   })}

src/app/components/navbar.tsx

@@ -1,5 +1,6 @@
 import Link from "next/link";
 import Logo from "./logo";
+import { RedirectButton } from "./rediect-button";
 
 type Page = {
   title: string;
@@ -13,7 +14,7 @@ const pages: Page[] = [
 
 export default function NavBar() {
   return (
-    <div className="bg-secondary w-full rounded-lg flex items-center gap-3 mt-2 bg-opacity-85">
+    <div className="bg-secondary w-full rounded-lg flex items-center gap-3 mt-2 bg-opacity-85 h-12">
       <div className="flex items-center gap-2 pl-3 pr-3">
         <Logo />
         <Link href="/" className="hidden md:block">
@@ -21,14 +22,14 @@ export default function NavBar() {
         </Link>
       </div>
       {pages.map((page, index) => {
-        return (
-          <div key={index} className="pt-4 pb-4 w-fit rounded-lg">
-            <Link href={page.url}>
-              <p className="hover:text-primary transition-all">{page.title}</p>
-            </Link>
-          </div>
-        );
+        return <RedirectButton key={index} title={page.title} url={page.url} />;
       })}
+
+      <div className="flex-grow"></div>
+
+      <div className="mr-4">
+        <RedirectButton title="Star us on Github!" url="https://github.com/RealFascinated/minecraft-helper" />
+      </div>
     </div>
   );
 }

src/app/components/rediect-button.tsx

@@ -0,0 +1,16 @@
+import Link from "next/link";
+
+type ButtonProps = {
+  title: string;
+  url: string;
+};
+
+export function RedirectButton({ title, url }: ButtonProps) {
+  return (
+    <div className="w-fit rounded-lg">
+      <Link href={url}>
+        <p className="hover:text-primary transition-all">{title}</p>
+      </Link>
+    </div>
+  );
+}