refactor: clean up imports and enhance type definitions across multiple components for improved clarity and maintainability

components/layout/page-header.tsx

@@ -4,7 +4,7 @@ import { ReactNode } from "react";
 
 interface PageHeaderProps {
   title: string;
-  description?: string;
+  description?: string | ReactNode;
   actions?: ReactNode;
   rightContent?: ReactNode;
 }
@@ -20,7 +20,7 @@ export function PageHeader({
       <div>
         <h1 className="text-2xl font-bold text-foreground">{title}</h1>
         {description && (
-          <p className="text-muted-foreground">{description}</p>
+          <div className="text-muted-foreground">{description}</div>
         )}
       </div>
       {rightContent}