fix: hydration error in upgrade card component

src/components/dashboard/dashboard-sidebar.tsx

@@ -65,7 +65,7 @@ export function DashboardSidebar({ ...props }: React.ComponentProps<typeof Sideb
         {!isPending && (
           <>
             {/* show upgrade card if user is not a member */}
-            <UpgradeCard />
+            {currentUser && <UpgradeCard />}
 
             {/* show user profile if user is logged in */}
             {currentUser && <SidebarUser user={currentUser} />}

src/components/dashboard/upgrade-card.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { Button } from "@/components/ui/button";
 import {
   Card,