fix: resolve TypeScript build errors - remove unused imports and fix lucide-react Fire icon

Author: Build Agent

src/pages/play/Confessions.tsx

@@ -1,4 +1,4 @@
-import { useState, useEffect, useRef } from 'react';
+import { useState, useRef } from 'react';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { Card } from '@/components/ui/card';

src/pages/play/MidnightThoughts.tsx

@@ -5,7 +5,7 @@ import Navbar from '@/components/Navbar';
 import { motion, AnimatePresence } from 'framer-motion';
 import ViralShare from '@/components/viral/ViralShare';
 import { triggerConfetti } from '@/lib/viralUtils';
-import { MoonStar, Sparkles, RefreshCw } from 'lucide-react';
+import { MoonStar, Sparkles } from 'lucide-react';
 
 const thoughts = [
   "If you clean a vacuum cleaner, you are the vacuum cleaner.",

src/pages/play/Playground.tsx

@@ -7,7 +7,7 @@ import { motion } from 'framer-motion';
 import { useStreak } from '@/hooks/useStreak';
 import { useState, useEffect } from 'react';
 import {
-  ScanFace, TreePine, Cookie, Flame, Languages, Sparkles, Swords, Radar, Volume2, ArrowLeftRight, Skull, Zap, MoonStar, Glasses, BatteryCharging, ArrowRight, TrendingUp, Fire, Star
+  ScanFace, TreePine, Cookie, Flame, Languages, Sparkles, Swords, Radar, Volume2, ArrowLeftRight, Skull, Zap, MoonStar, Glasses, BatteryCharging, ArrowRight, TrendingUp, Star
 } from 'lucide-react';
 
 const features = [
@@ -61,7 +61,7 @@ export default function Playground() {
               className="text-center max-w-2xl mx-auto"
             >
               <Badge className="mb-4 bg-emerald-500/20 text-emerald-300 border-emerald-500/30 px-4 py-1.5">
-                <Fire className="h-3 w-3 mr-1.5" />
+                <Flame className="h-3 w-3 mr-1.5" />
                 Viral Playground
               </Badge>
               <h1 className="text-4xl md:text-6xl font-bold text-white mb-4 tracking-tight">

src/pages/play/Soundboard.tsx

@@ -1,4 +1,4 @@
-import { useState, useRef, useCallback } from 'react';
+import { useState, useCallback } from 'react';
 import { Button } from '@/components/ui/button';
 import Navbar from '@/components/Navbar';
 import { motion } from 'framer-motion';

src/pages/play/ThisOrThat.tsx

@@ -1,10 +1,10 @@
-import { useState, useEffect } from 'react';
+import { useState } from 'react';
 import { Button } from '@/components/ui/button';
 import { Card } from '@/components/ui/card';
 import Navbar from '@/components/Navbar';
-import { motion, AnimatePresence } from 'framer-motion';
+import { motion } from 'framer-motion';
 import ViralShare from '@/components/viral/ViralShare';
-import { Swords, TrendingUp, Users } from 'lucide-react';
+import { Swords, Users } from 'lucide-react';
 
 interface Duel {
   id: string;