Feat: Add Clear Logs button to Live Console

src/App.tsx

@@ -741,7 +741,8 @@ export default function App() {
               {activeTab === 'console' && activeServer && (
                 <ConsoleComponent 
                   server={activeServer}
-                  logs={logs} 
+                  logs={logs}
+                  onClearLogs={() => setLogs([])}
                   command={command} 
                   setCommand={setCommand} 
                   onSend={handleSendCommand}
@@ -995,16 +996,21 @@ function DetailRow({ label, value }: { label: string, value: string }) {
   );
 }
 
-function ConsoleComponent({ server, logs, command, setCommand, onSend, scrollRef }: any) {
+function ConsoleComponent({ server, logs, command, setCommand, onSend, scrollRef, onClearLogs }: any) {
   return (
     <div className="flex flex-col h-[calc(100vh-200px)] border border-zinc-800 rounded-2xl bg-black overflow-hidden shadow-2xl">
-      <div className="flex items-center gap-2 px-4 py-3 border-b border-zinc-800 bg-zinc-900/50">
-        <div className="flex gap-1.5">
-          <div className="w-3 h-3 rounded-full bg-rose-500/50" />
-          <div className="w-3 h-3 rounded-full bg-amber-500/50" />
-          <div className="w-3 h-3 rounded-full bg-emerald-500/50" />
+      <div className="flex items-center justify-between px-4 py-3 border-b border-zinc-800 bg-zinc-900/50">
+        <div className="flex items-center gap-2">
+          <div className="flex gap-1.5">
+            <div className="w-3 h-3 rounded-full bg-rose-500/50" />
+            <div className="w-3 h-3 rounded-full bg-amber-500/50" />
+            <div className="w-3 h-3 rounded-full bg-emerald-500/50" />
+          </div>
+          <span className="text-xs font-mono text-zinc-500 ml-4 font-bold tracking-widest uppercase">System Terminal — dev@prismsmp</span>
         </div>
-        <span className="text-xs font-mono text-zinc-500 ml-4 font-bold tracking-widest uppercase">System Terminal — dev@prismsmp</span>
+        <button onClick={onClearLogs} className="p-1 hover:bg-zinc-800 rounded text-zinc-500 hover:text-rose-400 transition-colors" title="Clear Logs">
+          <Trash2 className="w-4 h-4" />
+        </button>
       </div>
 
       <div className="bg-emerald-500/10 border-b border-emerald-500/20 px-4 py-3 flex items-center justify-between">