truncate description if necessary

Author: StackOverflowIsBetterThanAnyAI

src/components/ui/card.tsx

@@ -43,7 +43,7 @@ function CardDescription({ className, ...props }: React.ComponentProps<'div'>) {
         <div
             data-slot="card-description"
             className={cn(
-                'text-muted-foreground text-xs sm:text-sm',
+                'text-muted-foreground text-xs sm:text-sm truncate',
                 className
             )}
             {...props}