feat: implement AI-driven learning content generation service and interactive leaderboard functionality

src/pages/Admin/index.jsx

@@ -9,6 +9,8 @@ import UploadZone from '../../components/admin/UploadZone';
 import KnowledgeGraph from '../../components/admin/KnowledgeGraph';
 import ContentManager from '../../components/admin/ContentManager';
 import TestManager from '../../components/admin/TestManager';
+import TeamManager from '../../components/admin/TeamManager';
+import { Trash2 } from 'lucide-react';
 
 const Admin = () => {
   const [activeTab, setActiveTab] = useState('sources');
@@ -42,6 +44,14 @@ const Admin = () => {
     setTimeout(() => setSaveStatus(null), 3000);
   };
 
+  const handleDeleteSource = (id) => {
+    if (confirm('Are you sure you want to delete this source? This will not delete topics already extracted.')) {
+      const updated = sources.filter(s => s.id !== id);
+      storage.set('admin:sources', updated);
+      setSources(updated);
+    }
+  };
+
   const navItems = [
     { key: 'sources', icon: Database, label: 'Sources' },
     { key: 'content', icon: Layers, label: 'Content' },
@@ -103,10 +113,13 @@ const Admin = () => {
                           </p>
                         </div>
                       </div>
-                      <div>
+                      <div className="flex items-center gap-3">
                         {source.status === 'completed' && <Tag variant="success" className="flex items-center gap-1"><CheckCircle2 size={12}/> Completed</Tag>}
                         {source.status === 'processing' && <Tag variant="accent" className="flex items-center gap-1"><Clock size={12}/> Processing</Tag>}
                         {source.status === 'failed' && <Tag variant="dark" className="bg-red-100 text-red-800 flex items-center gap-1"><AlertCircle size={12}/> Failed</Tag>}
+                        <button onClick={() => handleDeleteSource(source.id)} className="p-1.5 text-fg-muted hover:text-red-500 hover:bg-red-50 rounded-[var(--r-sm)] transition-colors" title="Delete Source">
+                          <Trash2 size={16} />
+                        </button>
                       </div>
                     </div>
                   ))
@@ -147,11 +160,10 @@ const Admin = () => {
 
         {/* ── Team ────────────────────────────────── */}
         {activeTab === 'team' && (
-          <div className="animate-in fade-in duration-300">
+          <div className="animate-in fade-in duration-300 max-w-4xl mx-auto">
             <h1 className="text-3xl text-teal mb-2">Team Management</h1>
-            <Card className="border border-bg-warm">
-              <p className="text-fg-muted">Team members can be added and managed here.</p>
-            </Card>
+            <p className="text-fg-muted mb-8">Manage team members, roles, and login PINs.</p>
+            <TeamManager />
           </div>
         )}