feat: apply various dashboard and auth fixes including demo trials, settings UI, and signup options

src/app/dashboard/community/page.tsx

@@ -1,9 +1,10 @@
-"use client"
+"use client"
 
 import { useState } from "react"
 import { Card, CardContent, CardHeader, CardTitle, CardFooter } from "@/components/ui/card"
 import { MessageSquare, ThumbsUp, ChevronUp, Search, Image as ImageIcon, CheckCircle, Lock, X, Send } from "lucide-react"
 import { useActiveUser, isDemoUser } from "@/hooks/useActiveUser"
+import { PremiumGate } from "@/components/PremiumGate"
 
 interface Doubt {
   id: string
@@ -113,8 +114,9 @@ export default function CommunityPage() {
   }
 
   return (
-    <div className="p-8 space-y-6 animate-in fade-in slide-in-from-bottom-4 duration-500 max-w-7xl mx-auto">
-      <div className="flex flex-col md:flex-row justify-between items-start md:items-end gap-4">
+    <PremiumGate featureKey="doubt-resolution-community">
+      <div className="p-8 space-y-6 animate-in fade-in slide-in-from-bottom-4 duration-500 max-w-7xl mx-auto">
+        <div className="flex flex-col md:flex-row justify-between items-start md:items-end gap-4">
         <div>
           <h1 className="text-3xl md:text-4xl font-black tracking-tight flex items-center gap-3 mb-1">
             <span className="p-2.5 rounded-xl bg-yellow-50 dark:bg-[var(--cyan-ai-10)] border border-yellow-300/60 dark:border-[var(--cyan-ai-20)]">
@@ -328,8 +330,8 @@ export default function CommunityPage() {
           </div>
         </div>
       )}
-
     </div>
+    </PremiumGate>
   )
 }