Update user data fallback and theme handling

This commit adds a fallback mechanism to handle `null` user values in the site header account section. Previously, if `user.data` was `null`, the code could fail. Now, it checks for valid `user.data` before proceeding. For the layout section, it now includes a separate condition for 'light' theme, providing a clear distinction between 'dark'

apps/web/app/(marketing)/_components/site-header-account-section.tsx

@@ -39,13 +39,14 @@ export function SiteHeaderAccountSection({
 function SuspendedPersonalAccountDropdown(props: { user: User | null }) {
   const signOut = useSignOut();
   const user = useUser(props.user);
+  const userData = user.data ?? props.user ?? null;
 
-  if (user.data) {
+  if (userData) {
     return (
       <PersonalAccountDropdown
         paths={paths}
         features={features}
-        user={user.data}
+        user={userData}
         signOutRequested={() => signOut.mutateAsync()}
       />
     );

apps/web/app/layout.tsx

@@ -51,14 +51,16 @@ export default async function RootLayout({
 
 function getClassName(theme?: string) {
   const dark = theme === 'dark';
+  const light = theme === 'light';
 
   return cn(
     'min-h-screen bg-background antialiased',
-    {
-      dark,
-    },
     sans.variable,
     heading.variable,
+    {
+      dark,
+      light,
+    },
   );
 }