max length for prompt in card

components/main/collections/collection.tsx

@@ -49,7 +49,9 @@ export const Collection: React.FC<Props> = ({
               {formatDate}
             </p>
             <p className="text-lg font-medium text-white lowercase leading-snug">
-              {collection.prompt}
+              {collection.prompt?.length > 200
+                ? `${collection.prompt.slice(0, 200)}...`
+                : collection.prompt}
             </p>
             <p
               className="text-white text-sm text-right font-semibold mt-2"

components/main/collections/loading.tsx

@@ -36,7 +36,11 @@ export const CollectionLoading: React.FC<Props> = ({
             <span />
           </div>
         )}
-        <p className="text-white/70 font-semibold text-xl">{error ?? prompt}</p>
+        <p className="text-white/70 font-semibold text-xl">
+          {error ?? prompt?.length > 180
+            ? `${prompt.slice(0, 180)}...`
+            : prompt}
+        </p>
       </motion.div>
     </div>
   );