improvements

src/app/routes/api/spotify/callback.ts

@@ -112,7 +112,7 @@ export const Route = createFileRoute("/api/spotify/callback")({
           });
 
           const isSecure = import.meta.env.NODE_ENV === "production";
-          const cookieOptions = `HttpOnly; Secure=${isSecure}; SameSite=Strict; Path=/; Max-Age=${tokens.expires_in}`;
+          const cookieOptions = `HttpOnly; ${isSecure ? 'Secure; ' : ''}SameSite=Lax; Path=/; Max-Age=${tokens.expires_in}`;
 
           response.headers.append(
             "Set-Cookie",
@@ -120,7 +120,7 @@ export const Route = createFileRoute("/api/spotify/callback")({
           );
 
           if (tokens.refresh_token) {
-            const refreshCookieOptions = `HttpOnly; Secure=${isSecure}; SameSite=Strict; Path=/; Max-Age=${60 * 60 * 24 * 30}`; // 30 days
+            const refreshCookieOptions = `HttpOnly; ${isSecure ? 'Secure; ' : ''}SameSite=Lax; Path=/; Max-Age=${60 * 60 * 24 * 30}`; // 30 days
             response.headers.append(
               "Set-Cookie",
               `spotify_refresh_token=${tokens.refresh_token}; ${refreshCookieOptions}`

src/features/bracket/components/match-form.tsx

@@ -87,7 +87,7 @@ export const MatchForm: React.FC<MatchFormProps> = ({
               {match.home?.name} Cups
             </Text>
             {
-              match.home?.players.map(p => (<Text size='xs' c='dimmed'>
+              match.home?.players?.map(p => (<Text key={p.id} size='xs' c='dimmed'>
                 {p.first_name} {p.last_name}
               </Text>))
             }
@@ -110,7 +110,7 @@ export const MatchForm: React.FC<MatchFormProps> = ({
               {match.away?.name} Cups
             </Text>
             {
-              match.away?.players.map(p => (<Text size='xs' c='dimmed'>
+              match.away?.players?.map(p => (<Text key={p.id} size='xs' c='dimmed'>
                 {p.first_name} {p.last_name}
               </Text>))
             }

src/features/bracket/components/match-slot.tsx

@@ -37,7 +37,7 @@ export const MatchSlot: React.FC<MatchSlotProps> = ({
             <Text 
               size={team.name.length > 12 ? (team.name.length > 18 ? '10px' : '11px') : 'xs'}
               truncate
-              style={{ minWidth: 0, flex: 1 }}
+              style={{ minWidth: 0, flex: 1, lineHeight: "12px" }}
             >
               {team.name}
             </Text>

src/features/bracket/components/seed-badge.tsx

@@ -18,7 +18,9 @@ export const SeedBadge: React.FC<SeedBadgeProps> = ({ seed }) => {
         color: "var(--mantine-color-text)",
         display: "flex",
         alignItems: "center",
-        justifyContent: "center"
+        justifyContent: "center",
+        borderTopLeftRadius: "var(--mantine-radius-default)",
+        borderBottomLeftRadius: "var(--mantine-radius-default)",
       }}
     >
       {seed}

src/features/core/components/navbar.tsx

@@ -36,9 +36,6 @@ const Navbar = () => {
         ))}
       </Stack>
     </AppShell.Section>
-    <AppShell.Section>
-      <Link to="/logout">Logout</Link>
-    </AppShell.Section>
   </AppShell.Navbar>
 }