fix: a lot of minor improvements for dashboard

apps/start/src/components/page-header.tsx

@@ -5,6 +5,7 @@ interface PageHeaderProps {
   description?: string;
   className?: string;
   children?: React.ReactNode;
+  actions?: React.ReactNode;
 }
 
 export function PageHeader({
@@ -12,14 +13,18 @@ export function PageHeader({
   description,
   className,
   children,
+  actions,
 }: PageHeaderProps) {
   return (
-    <div className={cn('space-y-1', className)}>
-      <h1 className="text-2xl font-semibold">{title}</h1>
-      {description && (
-        <p className="text-muted-foreground font-medium">{description}</p>
-      )}
-      {children}
+    <div className={cn('col md:row gap-2', className)}>
+      <div className={'space-y-1 flex-1'}>
+        <h1 className="text-2xl font-semibold">{title}</h1>
+        {description && (
+          <p className="text-muted-foreground font-medium">{description}</p>
+        )}
+        {children}
+      </div>
+      <div className="row gap-2">{actions}</div>
     </div>
   );
 }