Refactor SimpleCard component to accept a className prop

Author: faltawy

dashboard/components/domain/simple-card.tsx

@@ -1,14 +1,16 @@
 import React from "react";
 import { Card, CardHeader, CardTitle, CardDescription, CardContent } from "../ui/card";
+import { cn } from "@/lib/utils";
 
-export function SimpleCard({ children, title, description }: {
+export function SimpleCard({ children, title, description, className }: {
     children: React.ReactNode
     title: React.ReactNode
     description?: React.ReactNode
+    className?: string
 }) {
-    return <Card className="flex flex-col">
+    return <Card className={cn("flex flex-col", className)}>
         <CardHeader className="w-full">
-            <CardTitle>
+            <CardTitle className="text-base font-semibold lg:text-xl lg:font-bold">
                 {title}
             </CardTitle>
             {description && <CardDescription>