feat: enhance ui components and response handling

src/components/header.tsx

@@ -8,7 +8,7 @@ interface AppHeaderProps {
 
 const Header = ({ isEditing, setIsEditing }: AppHeaderProps) => (
 	<div className="flex justify-between items-center mb-6">
-		<h1 className="text-3xl font-bold">
+		<h1 className="text-4xl font-bold">
 			<Link
 				href="/"
 				className="text-blue-500 hover:text-blue-600 transition-colors"
@@ -17,8 +17,8 @@ const Header = ({ isEditing, setIsEditing }: AppHeaderProps) => (
 				Budgetable
 			</Link>
 		</h1>
-		<Button variant="ghost" onClick={() => setIsEditing(!isEditing)}>
-			{isEditing ? "Lock" : "Unlock"} Editing
+		<Button variant="ghost" onClick={() => setIsEditing(!isEditing)} size="lg">
+			<span className='text-lg'>{isEditing ? "Lock" : "Unlock"} Editing</span>
 		</Button>
 	</div>
 );

src/components/status-badge.tsx

@@ -8,7 +8,7 @@ interface StatusBadgeProps {
 const StatusBadge = ({ status, toggleStatus }: StatusBadgeProps) => (
 	<Badge
 		variant={status === "Paid" ? "paid" : "unpaid"}
-		className="cursor-pointer"
+		className="cursor-pointer text-[16px]"
 		onClick={toggleStatus}
 	>
 		{status}

src/components/table-row.tsx

@@ -84,7 +84,7 @@ const TRow = ({
 						onBlur={() => handleSave(row, originalRow)}
 					/>
 				) : (
-					<span>{row.price.toLocaleString()} HUF</span>
+					<span>{row.price.toLocaleString()}</span>
 				)}
 			</TableCell>
 			<TableCell>

src/components/table-wrapper.tsx

@@ -37,7 +37,7 @@ const TWrapper = ({
 	handleDeleteRow,
 	toggleStatus,
 }: TWrapperProps) => (
-	<Table>
+	<Table className="text-lg">
 		<TableHeader>
 			<TableRow>
 				<TableHead>Title</TableHead>

src/components/total-display.tsx

@@ -5,7 +5,7 @@ interface TotalDisplayProps {
 }
 
 const TotalDisplay = ({ total }: TotalDisplayProps) => (
-	<div className="mx-2 text-left font-bold text-lg">
+	<div className="mx-2 text-left font-bold text-2xl">
 		Total: <NumberFlow value={total} />
 	</div>
 );