maybe fix timezones?

src/app/(home)/major-league-balatro/_components/next-match-info-card.tsx

@@ -25,69 +25,67 @@ export function NextMatchInfoCard({
   bestOf,
 }: NextMatchInfoCardProps) {
   return (
-    <TimeZoneProvider>
+    <div className='mt-10 overflow-hidden rounded-xl border bg-card/60 shadow-lg backdrop-blur-sm'>
-      <div className='mt-10 overflow-hidden rounded-xl border bg-card/60 shadow-lg backdrop-blur-sm'>
+      <div className='flex items-center justify-between gap-4 px-6 py-4'>
-        <div className='flex items-center justify-between gap-4 px-6 py-4'>
+        <div className={'flex flex-col gap-1'}>
-          <div className={'flex flex-col gap-1'}>
+          <div className='text-center text-muted-foreground text-sm'>
-            <div className='text-center text-muted-foreground text-sm'>
+            {typeof week === 'string' ? week : `Week ${week}`}
-              {typeof week === 'string' ? week : `Week ${week}`}
-            </div>
-            <div className={'font-bold text-muted-foreground text-sm'}>
-              Best of {bestOf}
-            </div>
           </div>
-
+          <div className={'font-bold text-muted-foreground text-sm'}>
-          <div>
+            Best of {bestOf}
-            <h3 className='flex items-center gap-2 font-bold text-xl md:text-2xl'>
-              <div className={'flex items-center gap-2'}>
-                <PlayerAvatar
-                  className={'size-16'}
-                  playerName={player1.name}
-                  img={player1.picture}
-                />
-                {player1.name}
-              </div>
-              <span className='text-red-500'>vs</span>
-              <div className={'flex items-center gap-2'}>
-                {player2.name}
-                <PlayerAvatar
-                  className={'size-16'}
-                  playerName={player2.name}
-                  img={player2.picture}
-                />
-              </div>
-            </h3>
           </div>
-          <DropdownMenu>
-            <DropdownMenuTrigger asChild>
-              <Button className='w-full gap-2 bg-red-600 text-white hover:bg-red-700 md:w-auto'>
-                <SiTwitch className='h-4 w-4' />
-                Watch Live
-              </Button>
-            </DropdownMenuTrigger>
-            <DropdownMenuContent>
-              <DropdownMenuItem asChild>
-                <Link
-                  href={`https://twitch.tv/${player1.socials.twitch}`}
-                  target='_blank'
-                  rel='noopener noreferrer'
-                >
-                  {player1.name}
-                </Link>
-              </DropdownMenuItem>
-              <DropdownMenuItem asChild>
-                <Link
-                  href={`https://twitch.tv/${player2.socials.twitch}`}
-                  target='_blank'
-                  rel='noopener noreferrer'
-                >
-                  {player2.name}
-                </Link>
-              </DropdownMenuItem>
-            </DropdownMenuContent>
-          </DropdownMenu>
         </div>
+
+        <div>
+          <h3 className='flex items-center gap-2 font-bold text-xl md:text-2xl'>
+            <div className={'flex items-center gap-2'}>
+              <PlayerAvatar
+                className={'size-16'}
+                playerName={player1.name}
+                img={player1.picture}
+              />
+              {player1.name}
+            </div>
+            <span className='text-red-500'>vs</span>
+            <div className={'flex items-center gap-2'}>
+              {player2.name}
+              <PlayerAvatar
+                className={'size-16'}
+                playerName={player2.name}
+                img={player2.picture}
+              />
+            </div>
+          </h3>
+        </div>
+        <DropdownMenu>
+          <DropdownMenuTrigger asChild>
+            <Button className='w-full gap-2 bg-red-600 text-white hover:bg-red-700 md:w-auto'>
+              <SiTwitch className='h-4 w-4' />
+              Watch Live
+            </Button>
+          </DropdownMenuTrigger>
+          <DropdownMenuContent>
+            <DropdownMenuItem asChild>
+              <Link
+                href={`https://twitch.tv/${player1.socials.twitch}`}
+                target='_blank'
+                rel='noopener noreferrer'
+              >
+                {player1.name}
+              </Link>
+            </DropdownMenuItem>
+            <DropdownMenuItem asChild>
+              <Link
+                href={`https://twitch.tv/${player2.socials.twitch}`}
+                target='_blank'
+                rel='noopener noreferrer'
+              >
+                {player2.name}
+              </Link>
+            </DropdownMenuItem>
+          </DropdownMenuContent>
+        </DropdownMenu>
       </div>
-    </TimeZoneProvider>
+    </div>
   )
 }

src/app/(home)/major-league-balatro/_components/schedule.tsx

@@ -1,4 +1,5 @@
 import { MatchCard } from '@/app/(home)/major-league-balatro/_components/match-card'
+import { TimeZoneProvider } from '@/components/timezone-provider'
 import { Badge } from '@/components/ui/badge'
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
 import { cn } from '@/lib/utils'
@@ -117,10 +118,11 @@ const WeekTab = ({ week, matches, status }: WeekTabProps) => {
         <h3 className='font-bold text-xl'>{weekConfig.label}</h3>
         <StatusBadge status={status} />
       </div>
-
+      <TimeZoneProvider>
-      {filteredMatches.map((match, index) => (
+        {filteredMatches.map((match, index) => (
-        <MatchCard key={index} match={match} />
+          <MatchCard key={index} match={match} />
-      ))}
+        ))}
+      </TimeZoneProvider>
     </TabsContent>
   )
 }