スターボタン設置

app/components/layout.tsx

···
 import { LanguageIcon } from "@heroicons/react/24/outline";
 import { Form, Link } from "@remix-run/react";
 import { type ReactNode, useRef } from "react";
+import GitHubButton from "react-github-btn";
 import { useTranslation } from "react-i18next";
 
 import { cn } from "~/utils/cn";
···
           </Link>
         </nav>
       )}
-      <nav className="flex justify-center gap-4">
+      <nav className="flex h-10 items-center justify-center gap-4">
         <a
           href="https://bsky.app/profile/linkat.blue"
           target="_blank"
···
         >
           <GitHubIcon className="size-7 text-base-100" />
         </a>
+        <div className="relative size-7">
+          <div className="loading loading-spinner absolute top-1.5 size-4"></div>
+          <div className="absolute top-1">
+            <GitHubButton
+              href="https://github.com/mkizka/linkat"
+              data-color-scheme="no-preference: light; light: light; dark: dark;"
+              data-icon="octicon-star"
+              data-show-count="true"
+              aria-label="Star mkizka/linkat on GitHub"
+            />
+          </div>
+        </div>
       </nav>
     </footer>
   );

package.json

···
     "prisma": "5.22.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
+    "react-github-btn": "1.4.0",
     "react-i18next": "15.1.0",
     "react-movable": "3.3.1",
     "remix-i18next": "6.4.1",

pnpm-lock.yaml

···
       react-dom:
         specifier: 18.3.1
         version: 18.3.1(react@18.3.1)
+      react-github-btn:
+        specifier: 1.4.0
+        version: 1.4.0(react@18.3.1)
       react-i18next:
         specifier: 15.1.0
         version: 15.1.0(i18next@23.16.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
···
     resolution: {integrity: sha512-8EHPljDvs7qKykr6uw8b+lqLiUc/vUg+KVTI0uND4s63TdsZM2Xus3mflvF0DDG9SiM4RlCkFGL+7aAjRmV7KA==}
     hasBin: true
 
+  github-buttons@2.29.1:
+    resolution: {integrity: sha512-TV3YgAKda5hPz75n7QXmGCsSzgVya1vvmBieebg3EB5ScmashTZ0FldViG1aU2d4V5rcAGrtQ7k5uAaCo0A4PA==}
+
   glob-parent@5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
     engines: {node: '>= 6'}
···
     peerDependencies:
       react: ^18.3.1
 
+  react-github-btn@1.4.0:
+    resolution: {integrity: sha512-lV4FYClAfjWnBfv0iNlJUGhamDgIq6TayD0kPZED6VzHWdpcHmPfsYOZ/CFwLfPv4Zp+F4m8QKTj0oy2HjiGXg==}
+    peerDependencies:
+      react: '>=16.3.0'
+
   react-i18next@15.1.0:
     resolution: {integrity: sha512-zj3nJynMnZsy2gPZiOTC7XctCY5eQGqT3tcKMmfJWC9FMvgd+960w/adq61j8iPzpwmsXejqID9qC3Mqu1Xu2Q==}
     peerDependencies:
···
       pathe: 1.1.2
       tar: 6.2.1
 
+  github-buttons@2.29.1: {}
+
   glob-parent@5.1.2:
     dependencies:
       is-glob: 4.0.3
···
       loose-envify: 1.4.0
       react: 18.3.1
       scheduler: 0.23.2
+
+  react-github-btn@1.4.0(react@18.3.1):
+    dependencies:
+      github-buttons: 2.29.1
+      react: 18.3.1
 
   react-i18next@15.1.0(i18next@23.16.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies: