fix: use RichEditor with readOnly prop instead of raw HTML for locked/invalidated offers

RichEditor now supports readOnly prop — hides toolbar and disables
editing via ReactQuill's built-in readOnly. Content renders with
proper Quill CSS (list margins, indentation, fonts) instead of
broken browser defaults from dangerouslySetInnerHTML.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/admin/components/RichEditor.tsx

@@ -64,23 +64,25 @@ interface RichEditorProps {
   onChange: (value: string) => void
   placeholder?: string
   minHeight?: string
+  readOnly?: boolean
 }
 
 export default function RichEditor({
   value,
   onChange,
   placeholder = 'Obsah...',
-  minHeight = '120px'
+  minHeight = '120px',
+  readOnly = false,
 }: RichEditorProps) {
   const quillRef = useRef<ReactQuill>(null)
   const lastValueRef = useRef(value)
 
   const modules = useMemo(() => ({
-    toolbar: TOOLBAR,
+    toolbar: readOnly ? false : TOOLBAR,
     clipboard: {
       matchVisual: false,
     },
-  }), [])
+  }), [readOnly])
 
   const handleChange = useCallback((content: string, _delta: any, source: string) => {
     if (source !== 'user') return
@@ -99,6 +101,7 @@ export default function RichEditor({
         modules={modules}
         formats={FORMATS}
         placeholder={placeholder}
+        readOnly={readOnly}
       />
     </div>
   )