[dyad] Added skeleton loader and improved UI - wrote 3 file(s)

src/components/serp-preview.tsx

@@ -43,7 +43,7 @@ export function SerpPreview({ title, description, url }: SerpPreviewProps) {
       <h3 className="text-xl text-blue-600 dark:text-blue-400 mt-2 truncate font-medium">
         {title || "Meta Title Preview"}
       </h3>
-      <p className="text-sm text-muted-foreground mt-1">
+      <p className="text-sm text-muted-foreground mt-1 line-clamp-2">
         {description ||
           "This is where the meta description will be displayed. It provides a brief summary of the page's content for search engine users."}
       </p>