Add predefined link types and artist roles

- app/lib/constants.ts: LINK_TYPES (12種) and ARTIST_ROLES (13種)
- Band link forms: label input → type select (公式サイト, X, Instagram, ...)
- Band member forms: role text → role select (Vocal, Guitar, Bass, ...)
- Band detail: resolve link type key to display label via LINK_TYPE_LABEL

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

1 files changed, 2 insertions, 1 deletions

diff --git a/app/routes/band-by-uuid.tsx b/app/routes/band-by-uuid.tsx
index 1945a57..94a7d3c 100644
--- a/app/routes/band-by-uuid.tsx
+++ b/app/routes/band-by-uuid.tsx
@@ -6,6 +6,7 @@ import {
   getBandArtists,
   getBandRevisions,
 } from "~/lib/db.server";
+import { LINK_TYPE_LABEL } from "~/lib/constants";
 
 export async function loader({ params }: LoaderFunctionArgs) {
   const band = getBandById(params.uuid!);
@@ -90,7 +91,7 @@ export default function BandDetail() {
                   rel="noopener noreferrer"
                   className="text-blue-400 hover:text-blue-300 transition-colors text-sm"
                 >
-                  {l.label}
+                  {LINK_TYPE_LABEL[l.label] ?? l.label}
                 </a>
               </li>
             ))}