fix: logs filter

frontend/src/pages/logs.page.tsx

@@ -15,32 +15,32 @@ import {
 } from "react-icons/fi";
 
 const logLevelIcons: Record<string, React.ReactNode> = {
-  INFO: <FiInfo size={14} />,
-  WARNING: <FiAlertTriangle size={14} />,
-  ERROR: <FiAlertCircle size={14} />,
-  FATAL: <FiXOctagon size={14} />,
+  info: <FiInfo size={14} />,
+  warning: <FiAlertTriangle size={14} />,
+  error: <FiAlertCircle size={14} />,
+  fatal: <FiXOctagon size={14} />,
 };
 
 const logLevelColors: Record<
   string,
   { bg: string; text: string; border: string }
 > = {
-  INFO: {
+  info: {
     bg: "var(--info-bg)",
     text: "var(--info-text)",
     border: "var(--info-border)",
   },
-  WARNING: {
+  warning: {
     bg: "var(--warning-bg)",
     text: "var(--warning-text)",
     border: "var(--warning-border)",
   },
-  ERROR: {
+  error: {
     bg: "var(--error-bg)",
     text: "var(--error-text)",
     border: "var(--error-border)",
   },
-  FATAL: {
+  fatal: {
     bg: "var(--fatal-bg)",
     text: "var(--fatal-text)",
     border: "var(--fatal-border)",
@@ -306,9 +306,9 @@ export const LogsPage: React.FC = () => {
                   </thead>
                   <tbody>
                     {logs.map((log, index) => {
-                      const level = log.level || "INFO";
+                      const level = log.level?.toLowerCase() || "info";
                       const colors =
-                        logLevelColors[level] || logLevelColors.INFO;
+                        logLevelColors[level] || logLevelColors.info;
                       return (
                         <tr
                           key={index}