style: clean up class names for consistency in dashboard components

apps/dokploy/components/dashboard/monitoring/web-server/show.tsx

@@ -3,7 +3,7 @@ import { DockerMonitoring } from "../docker/show";
 
 export const ShowMonitoring = () => {
 	return (
-		<div className="my-6 w-full ">
+		<div className="w-full">
 			<DockerMonitoring appName="dokploy" />
 		</div>
 	);

apps/dokploy/components/dashboard/projects/show.tsx

@@ -75,7 +75,7 @@ export const ShowProjects = () => {
 				list={[{ name: "Projects", href: "/dashboard/projects" }]}
 			/>
 			<div className="w-full">
-				<Card className="h-full bg-sidebar  p-2.5 rounded-xl  ">
+				<Card className="h-full bg-sidebar p-2.5 rounded-xl  ">
 					<div className="rounded-xl bg-background shadow-md ">
 						<div className="flex justify-between gap-4 w-full items-center">
 							<CardHeader className="">

apps/dokploy/pages/dashboard/settings/profile.tsx

@@ -26,7 +26,7 @@ const Page = () => {
 	const { data: isCloud } = api.settings.isCloud.useQuery();
 	return (
 		<div className="w-full">
-			<div className="h-full  p-2.5 rounded-xl  max-w-5xl mx-auto flex flex-col gap-4">
+			<div className="h-full rounded-xl  max-w-5xl mx-auto flex flex-col gap-4">
 				<ProfileForm />
 				{(user?.canAccessToAPI || data?.rol === "admin") && <GenerateToken />}
 

apps/dokploy/pages/dashboard/settings/server.tsx

@@ -13,7 +13,7 @@ import superjson from "superjson";
 const Page = () => {
 	return (
 		<div className="w-full">
-			<div className="h-full  p-2.5 rounded-xl  max-w-5xl mx-auto flex flex-col gap-4">
+			<div className="h-full rounded-xl  max-w-5xl mx-auto flex flex-col gap-4">
 				<WebDomain />
 				<WebServer />
 			</div>