added backup and email client

frontend/src/components/ui/Card.tsx

@@ -3,7 +3,7 @@ import { ReactNode } from 'react';
 interface CardProps {
   children: ReactNode;
   className?: string;
-  title?: string;
+  title?: ReactNode;
   actions?: ReactNode;
 }
 
@@ -12,7 +12,7 @@ export default function Card({ children, className = '', title, actions }: CardP
     <div className={`bg-white rounded-lg shadow ${className}`}>
       {(title || actions) && (
         <div className="px-6 py-4 border-b border-gray-200 flex items-center justify-between">
-          {title && <h3 className="text-lg font-medium text-gray-900">{title}</h3>}
+          {title && <div className="text-lg font-medium text-gray-900">{title}</div>}
           {actions && <div className="flex items-center gap-2">{actions}</div>}
         </div>
       )}