Seasonpicks: Fix accordion grid layout when signed out

src/routes/racepicks/+page.svelte

@@ -75,7 +75,11 @@
           <span class="font-bold">Next Race Guess</span>
         </svelte:fragment>
         <svelte:fragment slot="content">
-          <div class="grid grid-cols-2 gap-2 lg:mx-auto lg:w-fit lg:grid-cols-6">
+          <div
+            class="grid grid-cols-2 gap-2 lg:mx-auto lg:w-fit {data.user
+              ? 'lg:grid-cols-6'
+              : 'lg:grid-cols-4'}"
+          >
             <!-- Show information about the next race -->
             <div class="card flex w-full min-w-40 flex-col p-2 shadow lg:max-w-40">
               <span class="font-bold">

src/routes/racepicks/+page.ts

@@ -11,7 +11,14 @@ import {
 import type { PageLoad } from "../$types";
 
 export const load: PageLoad = async ({ fetch, depends }) => {
-  depends("data:racepicks", "data:users", "data:raceresults", "data:drivers", "data:races");
+  depends(
+    "data:racepicks",
+    "data:user",
+    "data:users",
+    "data:raceresults",
+    "data:drivers",
+    "data:races",
+  );
 
   return {
     racepicks: fetch_visibleracepicks(fetch),

src/routes/seasonpicks/+page.svelte

@@ -67,7 +67,11 @@
         <span class="font-bold">Your Season Pick</span>
       </svelte:fragment>
       <svelte:fragment slot="content">
-        <div class="grid grid-cols-2 gap-2 lg:mx-auto lg:w-fit lg:grid-cols-5 2xl:grid-cols-10">
+        <div
+          class="grid grid-cols-2 gap-2 lg:mx-auto lg:w-fit {data.user
+            ? 'lg:grid-cols-5 2xl:grid-cols-10'
+            : 'lg:grid-cols-2 2xl:grid-cols-2'}"
+        >
           <!-- Only show the stuff if signed in -->
           {#if data.user}
             {@const teamwinners = data.seasonpick

src/routes/seasonpicks/+page.ts

@@ -9,7 +9,7 @@ import {
 import type { PageLoad } from "../$types";
 
 export const load: PageLoad = async ({ fetch, depends }) => {
-  depends("data:teams", "data:drivers", "data:seasonpicks");
+  depends("data:teams", "data:drivers", "data:seasonpicks", "data:user");
 
   return {
     teams: fetch_teams(fetch),