fix(dashboard): DPP tags properly dynamic based on user target exam

src/app/dashboard/community/page.tsx

@@ -2,7 +2,8 @@
 
 import { useState } from "react"
 import { Card, CardContent, CardHeader, CardTitle, CardFooter } from "@/components/ui/card"
-import { MessageSquare, ThumbsUp, ChevronUp, Search, Image as ImageIcon, CheckCircle } from "lucide-react"
+import { MessageSquare, ThumbsUp, ChevronUp, Search, Image as ImageIcon, CheckCircle, Lock } from "lucide-react"
+import { useActiveUser } from "@/hooks/useActiveUser"
 
 interface Doubt {
   id: string
@@ -20,6 +21,7 @@ interface Doubt {
 }
 
 export default function CommunityPage() {
+  const { hasAccessTo } = useActiveUser()
   const [activeFilter, setActiveFilter] = useState<'all' | 'my-doubts' | 'solved' | 'unsolved'>('all')
   const [searchQuery, setSearchQuery] = useState('')
 
@@ -87,9 +89,16 @@ export default function CommunityPage() {
           <p className="text-muted-foreground mt-2 font-medium">Ask questions, share knowledge, and learn together with the community.</p>
         </div>
         
-        <button className="px-5 py-2.5 bg-[#00F0FF] text-black font-bold rounded-xl shadow-[0_0_15px_-3px_rgba(0,240,255,0.4)] hover:bg-[#00d0dd] transition-colors">
-          Ask a Doubt
-        </button>
+        {hasAccessTo("ask-doubts-from-tutors") ? (
+          <button className="px-5 py-2.5 bg-[#00F0FF] text-black font-bold rounded-xl shadow-[0_0_15px_-3px_rgba(0,240,255,0.4)] hover:bg-[#00d0dd] transition-colors">
+            Ask a Doubt
+          </button>
+        ) : (
+          <button disabled className="px-5 py-2.5 bg-secondary text-muted-foreground font-bold rounded-xl flex items-center gap-2 cursor-not-allowed">
+            <Lock size={16} />
+            Pro Feature
+          </button>
+        )}
       </div>
 
       <div className="flex flex-col md:flex-row gap-4">