import React, { useState, useEffect, useMemo } from 'react';
import { initializeApp } from 'firebase/app';
import {
getAuth,
signInAnonymously,
signInWithCustomToken,
onAuthStateChanged,
signOut
} from 'firebase/auth';
import {
getFirestore,
collection,
doc,
setDoc,
addDoc,
updateDoc,
deleteDoc,
onSnapshot
} from 'firebase/firestore';
import {
Trophy,
Shield,
Play,
Pause,
RotateCcw,
Plus,
Edit2,
Trash2,
UserCheck,
Users,
Calendar,
Activity,
BarChart3,
CheckCircle2,
Clock,
AlertCircle,
Star,
Settings,
Zap,
Flame,
Award,
ChevronRight,
Filter,
RefreshCw,
LogOut,
User,
Check,
ShieldAlert
} from 'lucide-react';
// ---...