refactor: extract badgeStateColor function for reuse across log components

apps/dokploy/components/dashboard/application/logs/show.tsx

@@ -31,7 +31,7 @@ export const DockerLogs = dynamic(
 	},
 );
 
-const badgeStateColor = (state: string) => {
+export const badgeStateColor = (state: string) => {
 	switch (state) {
 		case "running":
 			return "green";

apps/dokploy/components/dashboard/compose/logs/show-stack.tsx

@@ -1,3 +1,4 @@
+import { badgeStateColor } from "@/components/dashboard/application/logs/show";
 import { Badge } from "@/components/ui/badge";
 import {
 	Card,
@@ -36,20 +37,7 @@ interface Props {
 	serverId?: string;
 }
 
-const badgeStateColor = (state: string) => {
+badgeStateColor;
-	switch (state) {
-		case "running":
-			return "green";
-		case "exited":
-		case "shutdown":
-			return "red";
-		case "accepted":
-		case "created":
-			return "blue";
-		default:
-			return "default";
-	}
-};
 
 export const ShowDockerLogsStack = ({ appName, serverId }: Props) => {
 	const [option, setOption] = useState<"swarm" | "native">("native");

apps/dokploy/components/dashboard/compose/logs/show.tsx

@@ -1,3 +1,4 @@
+import { badgeStateColor } from "@/components/dashboard/application/logs/show";
 import { Badge } from "@/components/ui/badge";
 import {
 	Card,
@@ -36,21 +37,6 @@ interface Props {
 	appType: "stack" | "docker-compose";
 }
 
-const badgeStateColor = (state: string) => {
-	switch (state) {
-		case "running":
-			return "green";
-		case "exited":
-		case "shutdown":
-			return "red";
-		case "accepted":
-		case "created":
-			return "blue";
-		default:
-			return "default";
-	}
-};
-
 export const ShowDockerLogsCompose = ({
 	appName,
 	appType,