feat(ui): adopt Lyra theme

components/rich-text-editor.tsx

@@ -99,8 +99,8 @@ export function RichTextEditor({ value, onChange, className }: RichTextEditorPro
   };
 
   return (
-    <div className={`border rounded-md focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 ${className || ""}`}>
-      <div className="flex flex-wrap items-center gap-1 border-b p-1 bg-muted/50 rounded-t-md">
+    <div className={`border focus-within:ring-1 focus-within:ring-ring ${className || ""}`}>
+      <div className="flex flex-wrap items-center gap-1 border-b bg-muted/50 p-1">
         <Button
           type="button"
           variant="ghost"
@@ -166,7 +166,7 @@ export function RichTextEditor({ value, onChange, className }: RichTextEditorPro
       {editor && (
         <BubbleMenu 
           editor={editor} 
-          className="flex items-center gap-1 p-1 bg-background border rounded-md shadow-md"
+          className="flex items-center gap-1 border bg-background p-1"
         >
           <Button
             type="button"