Fix: DOM nesting in AgentsView (Phase 8 UI Polish)

frontend/src/components/AgentsView.tsx

@@ -234,9 +234,8 @@ const AgentsView: React.FC = () => {
           {agents.length === 0 && <p style={{ color: 'var(--text-dim)' }}>No agents created yet.</p>}
           <div className="task-list">
             {agents.map((agent) => (
-              <button
+              <div
                 key={agent.id}
-                type="button"
                 className="task-row"
                 onClick={() => selectAgent(agent)}
                 style={{
@@ -244,7 +243,10 @@ const AgentsView: React.FC = () => {
                   background: selectedAgentId === agent.id ? 'rgba(255,255,255,0.06)' : undefined,
                   borderColor: selectedAgentId === agent.id ? 'var(--accent)' : undefined,
                   textAlign: 'left',
-                  cursor: 'pointer'
+                  cursor: 'pointer',
+                  display: 'flex',
+                  justifyContent: 'space-between',
+                  alignItems: 'center'
                 }}
               >
                 <div>
@@ -265,7 +267,7 @@ const AgentsView: React.FC = () => {
                     <ShoppingBag size={14} />
                   </button>
                 </div>
-              </button>
+              </div>
             ))}
           </div>
         </section>