feat: Update PageHeader component to include action prop for enhanced flexibility

src/app/projects/[id]/page.js

@@ -54,8 +54,7 @@ export default function ProjectViewPage({ params }) {
 								: daysRemaining > 0
 								? `${daysRemaining} days left`
 								: `${Math.abs(daysRemaining)} days overdue`}
-						</Badge>
-						<Link href="/projects">
+						</Badge>						<Link href="/projects">
 							<Button variant="outline" size="sm">
 								<svg
 									className="w-4 h-4 mr-2"
@@ -72,7 +71,7 @@ export default function ProjectViewPage({ params }) {
 								</svg>
 								Back to Projects
 							</Button>
-						</Link>{" "}
+						</Link>
 						<Link href={`/projects/${id}/edit`}>
 							<Button variant="secondary">Edit Project</Button>
 						</Link>

src/components/ui/PageHeader.js

@@ -1,13 +1,15 @@
 "use client";
 
-const PageHeader = ({ title, description, children, className = "" }) => {
+const PageHeader = ({ title, description, children, action, className = "" }) => {
 	return (
 		<div className={`flex justify-between items-start mb-8 ${className}`}>
 			<div className="flex-1">
 				<h1 className="text-3xl font-bold text-gray-900">{title}</h1>
 				{description && <p className="text-gray-600 mt-1">{description}</p>}
 			</div>
-			{children && <div className="ml-6 flex-shrink-0">{children}</div>}
+			{(children || action) && (
+				<div className="ml-6 flex-shrink-0">{action || children}</div>
+			)}
 		</div>
 	);
 };