refactor(site-header): improve authentication flow and error handling…

… when loading user session and profile

components/icons.tsx

@@ -121,7 +121,7 @@ export const Icons = {
       {..._props}
       stroke="currentColor"
       fill="currentColor"
-      stroke-width="0"
+      strokeWidth="0"
       viewBox="0 0 488 512"
       height="1em"
       width="1em"

components/site-header.tsx

@@ -4,24 +4,27 @@ import { getUser } from "@/data-access/users";
 import Nav from "./nav";
 import { Profile, User } from "@/server/db/schema";
 import { getUserProfileUseCase } from "@/use-cases/users";
+import { redirect } from "next/navigation";
 
 export type UserInfo =
   | { id: number; email: string | null; emailVerified: Date | null }
   | null
   | undefined;
 
 async function SiteHeader() {
-  let userSession = await getCurrentUser();
-  let user: User | undefined = undefined;
-  let profile: Profile | undefined = undefined;
+  const userSession = await getCurrentUser();
 
   if (!userSession) {
-    user = undefined;
+    redirect("/signin");
   }
 
-  if (userSession) {
-    user = await getUser(userSession.id);
-    profile = await getUserProfileUseCase(userSession.id);
+  const [user, profile] = await Promise.all([
+    getUser(userSession.id),
+    getUserProfileUseCase(userSession.id),
+  ]);
+
+  if (!user || !profile) {
+    redirect("/signin");
   }
 
   return <Nav user={user} profile={profile as Profile} />;