fix: update documentation and configuration files

docs/UI_DESIGN.md

@@ -10,29 +10,36 @@ Design for four distinct user views with role-based access control:
 ## Layout Structure
 
 ### Navigation Bar (All Views)
-```html
-<nav class="main-nav">
-  <div class="nav-brand">
-    <a href="/">EuchreCamp</a>
+```tsx
+// src/components/Navigation.tsx
+<nav className="main-nav">
+  <div className="nav-brand">
+    <Link href="/">EuchreCamp</Link>
   </div>
-  <div class="nav-links">
-    <a href="/rankings">Rankings</a>
-    <% if defined?(current_player) && current_player %>
-      <a href="/players/<%= current_player.id %>/profile">My Profile</a>
-      <a href="/players/<%= current_player.id %>/schedule">My Schedule</a>
-      <% if current_player.admin? %>
-        <a href="/admin">Admin</a>
-      <% end %>
-    <% end %>
+  <div className="nav-links">
+    <Link href="/rankings">Rankings</Link>
+    {session && (
+      <>
+        <Link href={`/players/${session.user.id}/profile`}>My Profile</Link>
+        <Link href={`/players/${session.user.id}/schedule`}>My Schedule</Link>
+        {session.user.role === 'club_admin' && (
+          <Link href="/admin">Admin</Link>
+        )}
+      </>
+    )}
   </div>
-  <div class="nav-user">
-    <% if defined?(current_player) && current_player %>
-      <span><%= current_player.name %></span>
-      <a href="/logout">Logout</a>
-    <% else %>
-      <a href="/login">Login</a>
-      <a href="/register">Register</a>
-    <% end %>
+  <div className="nav-user">
+    {session ? (
+      <>
+        <span>{session.user.name}</span>
+        <button onClick={() => signOut()}>Logout</button>
+      </>
+    ) : (
+      <>
+        <Link href="/auth/login">Login</Link>
+        <Link href="/auth/register">Register</Link>
+      </>
+    )}
   </div>
 </nav>
 ```
@@ -503,32 +510,31 @@ Design for four distinct user views with role-based access control:
 
 ## Technical Considerations
 
-### Hanami View Structure
+### Next.js App Router Structure
 ```
-app/
-  actions/
-    players/
-      profile.rb
-      schedule.rb
+src/
+  app/
+    auth/
+      login/page.tsx
+      register/page.tsx
     admin/
       tournaments/
-        index.rb
-        show.rb
-      club/
-        dashboard.rb
-  templates/
-    layouts/
-      app.html.erb
-      admin.html.erb
+        page.tsx
+        [id]/page.tsx
+        new/page.tsx
+      page.tsx
     players/
-      profile.html.erb
-      schedule.html.erb
-    admin/
-      tournaments/
-        index.html.erb
-        show.html.erb
-      club/
-        dashboard.html.erb
+      [id]/
+        profile/page.tsx
+        schedule/page.tsx
+    rankings/page.tsx
+  components/
+    Navigation.tsx
+    SessionProvider.tsx
+    EditTournamentForm.tsx
+  lib/
+    auth.ts
+    prisma.ts
 ```
 
 ### CSS Architecture