Repair: copy legacy joinDate into new user's created_at when creating users from legacy wallz

resources/js/components/artwork/ArtworkDescription.jsx

@@ -1,67 +1,28 @@
-import React, { useMemo, useState } from 'react'
+import React, { useState } from 'react'
 
 const COLLAPSE_AT = 560
 
-function renderMarkdownSafe(text) {
-  const lines = text.split(/\n{2,}/)
-
-  return lines.map((line, lineIndex) => {
-    const parts = []
-    let rest = line
-    let key = 0
-    const linkPattern = /\[([^\]]+)\]\((https?:\/\/[^\s)]+)\)/g
-
-    let match = linkPattern.exec(rest)
-    let lastIndex = 0
-    while (match) {
-      if (match.index > lastIndex) {
-        parts.push(<span key={`txt-${lineIndex}-${key++}`}>{rest.slice(lastIndex, match.index)}</span>)
-      }
-
-      parts.push(
-        <a
-          key={`lnk-${lineIndex}-${key++}`}
-          href={match[2]}
-          target="_blank"
-          rel="noopener noreferrer nofollow"
-          className="text-accent hover:underline"
-        >
-          {match[1]}
-        </a>,
-      )
-
-      lastIndex = match.index + match[0].length
-      match = linkPattern.exec(rest)
-    }
-
-    if (lastIndex < rest.length) {
-      parts.push(<span key={`txt-${lineIndex}-${key++}`}>{rest.slice(lastIndex)}</span>)
-    }
-
-    return (
-      <p key={`p-${lineIndex}`} className="text-sm leading-7 text-white/50">
-        {parts}
-      </p>
-    )
-  })
-}
-
 export default function ArtworkDescription({ artwork }) {
   const [expanded, setExpanded] = useState(false)
   const content = (artwork?.description || '').trim()
+  const contentHtml = (artwork?.description_html || '').trim()
   const collapsed = content.length > COLLAPSE_AT && !expanded
-  const visibleText = collapsed ? `${content.slice(0, COLLAPSE_AT)}…` : content
-  // useMemo must always be called (Rules of Hooks) — guard inside the callback
-  const rendered = useMemo(
-    () => (content.length > 0 ? renderMarkdownSafe(visibleText) : null),
-    [content, visibleText],
-  )
 
   if (content.length === 0) return null
 
   return (
     <div>
-      <div className="max-w-[720px] space-y-3 text-sm leading-7 text-white/50">{rendered}</div>
+      <div
+        className={[
+          'max-w-[720px] overflow-hidden transition-[max-height] duration-300',
+          collapsed ? 'max-h-[11.5rem]' : 'max-h-[100rem]',
+        ].join(' ')}
+      >
+        <div
+          className="prose prose-invert max-w-none text-sm leading-7 prose-p:my-3 prose-p:text-white/50 prose-a:text-accent prose-a:no-underline hover:prose-a:underline prose-strong:text-white/80 prose-em:text-white/70 prose-code:text-white/80"
+          dangerouslySetInnerHTML={{ __html: contentHtml }}
+        />
+      </div>
 
       {content.length > COLLAPSE_AT && (
         <button