refactor(dashboard): reorganiza widgets e remove magnet-lines

components/dashboard/dashboard-welcome.tsx

@@ -1,79 +1,18 @@
-"use client";
+import { formatCurrentDate, getGreeting } from "./welcome-widget";
 
-import MagnetLines from "../magnet-lines";
-import { Card } from "../ui/card";
-
-type DashboardWelcomeProps = {
-	name?: string | null;
-	disableMagnetlines?: boolean;
-};
-
-const capitalizeFirstLetter = (value: string) =>
-	value.length > 0 ? value[0]?.toUpperCase() + value.slice(1) : value;
-
-const formatCurrentDate = (date = new Date()) => {
-	const formatted = new Intl.DateTimeFormat("pt-BR", {
-		weekday: "long",
-		day: "numeric",
-		month: "long",
-		year: "numeric",
-		hour12: false,
-		timeZone: "America/Sao_Paulo",
-	}).format(date);
-
-	return capitalizeFirstLetter(formatted);
-};
-
-const getGreeting = () => {
-	const now = new Date();
-
-	// Get hour in Brasilia timezone
-	const brasiliaHour = new Intl.DateTimeFormat("pt-BR", {
-		hour: "numeric",
-		hour12: false,
-		timeZone: "America/Sao_Paulo",
-	}).format(now);
-
-	const hour = parseInt(brasiliaHour, 10);
-
-	if (hour >= 5 && hour < 12) {
-		return "Bom dia";
-	} else if (hour >= 12 && hour < 18) {
-		return "Boa tarde";
-	} else {
-		return "Boa noite";
-	}
-};
-
-export function DashboardWelcome({
-	name,
-	disableMagnetlines = false,
-}: DashboardWelcomeProps) {
+export function DashboardWelcome({ name }: { name?: string | null }) {
 	const displayName = name && name.trim().length > 0 ? name : "Administrador";
 	const formattedDate = formatCurrentDate();
 	const greeting = getGreeting();
 
 	return (
-		<Card className="relative px-6 py-12 bg-welcome-banner overflow-hidden">
-			<div className="absolute inset-0 flex items-center justify-center opacity-20 pointer-events-none">
-				<MagnetLines
-					rows={8}
-					columns={16}
-					containerSize="100%"
-					lineColor="currentColor"
-					lineWidth="0.4vmin"
-					lineHeight="5vmin"
-					baseAngle={0}
-					className="text-welcome-banner-foreground"
-					disabled={disableMagnetlines}
-				/>
-			</div>
-			<div className="relative tracking-tight text-welcome-banner-foreground">
-				<h1 className="text-xl">
-					{greeting}, {displayName}! <span aria-hidden="true">👋</span>
+		<section className="p-2">
+			<div className="tracking-tight">
+				<h1 className="text-xl font-[aeonik]">
+					{greeting}, {displayName}
 				</h1>
-				<p className="mt-2 text-sm opacity-90">{formattedDate}</p>
+				<p className="text-sm mt-1">{formattedDate}</p>
 			</div>
-		</Card>
+		</section>
 	);
 }