Slight coloring

src/app/logs/page.tsx

@@ -6,6 +6,7 @@ import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
 import { Pause, Play, Download, Filter, RefreshCw } from "lucide-react";
+import { cn } from "@/lib/utils";
 
 const logEntries = [
   {
@@ -144,11 +145,11 @@ export default function LogsPage() {
   const getLevelClass = (level: string) => {
     switch (level) {
       case "info":
-        return "log-info";
+        return "text-blue-400";
       case "warn":
-        return "log-warn";
+        return "text-yellow-300";
       case "error":
-        return "log-error";
+        return "text-destructive";
       default:
         return "";
     }
@@ -240,16 +241,17 @@ export default function LogsPage() {
           </div>
         </CardHeader>
         <CardContent className="p-0 overflow-auto h-[calc(100%-48px)]">
-          <div className="font-mono text-xs">
+          <div className="font-mono text-xs mx-6">
             {filteredLogs.map((log, index) => (
-              <div key={index} className="log-line flex">
+              <div key={index} className="flex">
-                <span className="log-timestamp whitespace-nowrap">
+                <span className="text-gray-400 whitespace-nowrap">
                   {log.timestamp}
                 </span>
                 <span
-                  className={`uppercase w-12 shrink-0 ${getLevelClass(
+                  className={cn(
-                    log.level
+                    "uppercase w-12 shrink-0 mx-3",
-                  )}`}
+                    getLevelClass(log.level)
+                  )}
                 >
                   [{log.level}]
                 </span>

src/app/overview/page.tsx

@@ -15,6 +15,7 @@ import {
   Clock,
 } from "lucide-react";
 import { Progress } from "@/components/ui/progress";
+import Link from "next/link";
 
 const recentDeployments = [
   {
@@ -148,9 +149,11 @@ export default function OverviewPage() {
         <Card className="col-span-2">
           <CardHeader className="flex flex-row items-center justify-between">
             <CardTitle>Applications</CardTitle>
-            <Button variant="ghost" size="sm" className="text-xs gap-1">
+            <Link href="/applications">
-              View all <ArrowRight className="w-3 h-3" />
+              <Button variant="ghost" size="sm" className="text-xs gap-1">
-            </Button>
+                View all <ArrowRight className="w-3 h-3" />
+              </Button>
+            </Link>
           </CardHeader>
           <CardContent>
             <div className="space-y-0">
@@ -199,9 +202,11 @@ export default function OverviewPage() {
         <Card>
           <CardHeader className="flex flex-row items-center justify-between">
             <CardTitle>Recent Deployments</CardTitle>
-            <Button variant="ghost" size="sm" className="text-xs gap-1">
+            <Link href="/deployments">
-              View all <ArrowRight className="w-3 h-3" />
+              <Button variant="ghost" size="sm" className="text-xs gap-1">
-            </Button>
+                View all <ArrowRight className="w-3 h-3" />
+              </Button>
+            </Link>
           </CardHeader>
           <CardContent>
             <div className="space-y-3">