Allow user to select text within prompt cards

Author: franknoirot

src/components/PromptCard.tsx

@@ -140,7 +140,7 @@ export const PromptCardStatus = (props: {
       Worked for{' '}
       {ms(
         new Date(props.updatedAt ?? new Date()).getTime() -
-          new Date(props.startedAt ?? new Date()).getTime(),
+        new Date(props.startedAt ?? new Date()).getTime(),
         { long: true }
       )}
     </div>
@@ -151,7 +151,7 @@ export const PromptCardStatus = (props: {
       {props.status === 'failed'
         ? failed
         : props.status === 'completed' &&
-            props.onlyShowImmediateThought === true
+          props.onlyShowImmediateThought === true
           ? completed
           : thinker}
     </div>
@@ -194,8 +194,8 @@ export const PromptCard = (props: PromptCardProps) => {
 
   const cssPrompt =
     props.status !== 'failed'
-      ? 'break-all shadow-sm bg-2 text-default border b-4 rounded-t-md rounded-bl-md pl-4 pr-4 pt-2 pb-2'
-      : 'break-all shadow-sm bg-2 text-2 border b-4 rounded-t-md rounded-bl-md pl-4 pr-4 pt-2 pb-2'
+      ? 'select-text break-all shadow-sm bg-2 text-default border b-4 rounded-t-md rounded-bl-md pl-4 pr-4 pt-2 pb-2'
+      : 'select-text break-all shadow-sm bg-2 text-2 border b-4 rounded-t-md rounded-bl-md pl-4 pr-4 pt-2 pb-2'
 
   return (
     <div className={cssCard}>