add shadcn ui

apps/admin/src/features/cms/content-editor.tsx

@@ -13,7 +13,7 @@ import {
   type ContentType,
   type Locale,
 } from '@sport/types';
-import { Badge, Button, Input, Skeleton, cn } from '@sport/ui';
+import { Badge, Button, FormError, Input, Skeleton, Textarea, cn } from '@sport/ui';
 
 import { browserApi } from '@/lib/api';
 
@@ -275,12 +275,11 @@ export function ContentEditor({
 
       <label className="block space-y-1.5">
         <span className="text-xs font-semibold uppercase tracking-widest">{t('body')}</span>
-        <textarea
+        <Textarea
           value={fields.body}
           onChange={(event) => setField('body', event.target.value)}
           rows={22}
           spellCheck
-          className="border-ink-200 focus:border-ink-950 w-full border px-3 py-2 font-mono text-sm leading-relaxed outline-none"
         />
         <span className="text-ink-500 text-xs">{t('bodyHint')}</span>
       </label>
@@ -313,11 +312,7 @@ export function ContentEditor({
         </div>
       </details>
 
-      {error ? (
-        <p role="alert" className="text-danger text-sm">
-          {error}
-        </p>
-      ) : null}
+      <FormError message={error} />
 
       <div className="border-ink-200 flex flex-wrap items-center gap-2 border-t pt-4">
         <Button type="submit" variant="outline" disabled={saving}>