feat: add manual match entry form and match detail pages with diagram

src/app/page.tsx

@@ -168,9 +168,10 @@ export default async function Home() {
               </h4>
               <div className="space-y-3 max-h-96 overflow-y-auto">
                 {mostRecentTournament.matches.map((match) => (
-                  <div
+                  <Link
                     key={match.id}
-                    className="bg-gray-50 rounded-lg p-4 border border-gray-200"
+                    href={`/matches/${match.id}`}
+                    className="block bg-gray-50 rounded-lg p-4 border border-gray-200 hover:border-green-300 hover:bg-green-50 transition-colors"
                   >
                     <div className="flex justify-between items-center">
                       <div className="flex-1 text-center">
@@ -199,7 +200,7 @@ export default async function Home() {
                         </span>
                       )}
                     </div>
-                  </div>
+                  </Link>
                 ))}
               </div>
             </div>