fix: handle undefined socialLinks in ProfileCard component

backend/database/src/index.ts

@@ -5,7 +5,7 @@ import { z } from "zod"
 
 import { and, eq, sql } from "drizzle-orm"
 import * as schema from "./schema"
-import { Sandbox, sandbox, user, usersToSandboxes } from "./schema"
+import { Sandbox, sandbox, sandboxLikes, user, usersToSandboxes } from "./schema"
 
 export interface Env {
   DB: D1Database

frontend/components/profile/index.tsx

@@ -135,7 +135,7 @@ function ProfileCard({
   isOwnProfile,
   bio,
   personalWebsite,
-  socialLinks,
+  socialLinks = [],
   tier,
 }: {
   name: string
@@ -178,7 +178,7 @@ function ProfileCard({
   }, [sandboxes])
 
   const showAddMoreInfoBanner = useMemo(() => {
-    return !bio && !personalWebsite && socialLinks.length === 0
+    return !bio && !personalWebsite && (socialLinks?.length ?? 0) === 0
   }, [personalWebsite, bio, socialLinks])
 
   return (