Caching logs

src/app/logs/page.tsx

@@ -15,16 +15,17 @@ import { AnsiText } from "@/components/ansi/Ansi";
 export default function LogsPage() {
   const [isPaused, setIsPaused] = useState(false);
   const [filter, setFilter] = useState<"all" | "info" | "warn" | "error">(
-    "all"
+    "all",
   );
   const { value: logs, setValue: setLogs } = useAsyncInterval(
+    "logs",
     [],
     async () => (isPaused ? ([] as Log[]) : getAllContainerLogs()),
-    1000
+    1000,
   );
 
   const filteredLogs = logs.filter((log) =>
-    filter === "all" ? true : log.level === filter
+    filter === "all" ? true : log.level === filter,
   );
 
   const handleExport = () => {
@@ -171,7 +172,7 @@ export default function LogsPage() {
                 <span
                   className={cn(
                     "uppercase md:w-12 md:shrink-0 md:mx-3",
-                    getLevelClass(log.level)
+                    getLevelClass(log.level),
                   )}
                 >
                   [{log.level}]