fix: add try-catch to clipboard write in TrendPredictor

Author: vedparkasharya

src/pages/play/TrendPredictor.tsx

@@ -86,7 +86,7 @@ export default function TrendPredictor() {
                 <Button onClick={generate} className="bg-emerald-600 hover:bg-emerald-700 text-white px-6"><Sparkles className="h-4 w-4 mr-2" />{current ? 'Predict Another' : 'Predict Trend'}</Button>
                 {current && <>
                   <Button onClick={generate} variant="outline" className="border-slate-600 text-slate-300 hover:bg-slate-800"><RefreshCw className="h-4 w-4 mr-2" />Refresh</Button>
-                  <Button onClick={() => navigator.clipboard.writeText(`🔥 Next viral trend: "${current.trend}"\n📊 Virality: ${current.virality}/100\n📱 Platform: ${current.platform}\n\nGet more at snapforest.in`)} variant="outline" className="border-emerald-600 text-emerald-400 hover:bg-emerald-600/10"><Share2 className="h-4 w-4 mr-2" />Share</Button>
+                  <Button onClick={async () => { try { await navigator.clipboard.writeText(`🔥 Next viral trend: "${current.trend}"\n📊 Virality: ${current.virality}/100\n📱 Platform: ${current.platform}\n\nGet more at snapforest.in`); } catch { /* ignore */ } }} variant="outline" className="border-emerald-600 text-emerald-400 hover:bg-emerald-600/10"><Share2 className="h-4 w-4 mr-2" />Share</Button>
                 </>}
               </div>
             </Card>