style: update

Author: hunghg255

src/components/ui/emoji-picker.tsx

@@ -40,7 +40,7 @@ function EmojiPickerSearch({
       <SearchIcon className="!richtext-size-4 !richtext-shrink-0 !richtext-opacity-50" />
 
       <EmojiPickerPrimitive.Search
-        className="!richtext-outline-hidden !richtext-flex !richtext-h-10 !richtext-w-full !richtext-rounded-md !richtext-bg-transparent !richtext-py-3 !richtext-text-sm placeholder:!richtext-text-muted-foreground disabled:!richtext-cursor-not-allowed disabled:!richtext-opacity-50"
+        className="!richtext-flex !richtext-h-10 !richtext-w-full !richtext-rounded-md !richtext-border-none !richtext-bg-transparent !richtext-py-3 !richtext-text-sm !richtext-outline-none placeholder:!richtext-text-muted-foreground disabled:!richtext-cursor-not-allowed disabled:!richtext-opacity-50 "
         data-slot="emoji-picker-search"
         {...props}
       />
@@ -69,7 +69,7 @@ function EmojiPickerEmoji({
       {...props}
       data-slot="emoji-picker-emoji"
       className={cn(
-        'data-[active]:!richtext-bg-accent !richtext-flex !richtext-size-7 !richtext-items-center !richtext-justify-center !richtext-rounded-sm !richtext-text-base',
+        'data-[active]:!richtext-bg-accent richtext-bg-transparent !richtext-flex !richtext-size-7 !richtext-items-center !richtext-justify-center !richtext-rounded-sm !richtext-text-base',
         className
       )}
     >

src/extensions/SlashCommand/components/CommandsList.tsx

@@ -122,7 +122,7 @@ function CommandsList(props: any, ref: any) {
 
   return (
     <div
-      className="richtext-mb-8 richtext-max-h-[min(80vh,24rem)] richtext-flex-wrap richtext-overflow-auto richtext-rounded-lg !richtext-border !richtext-border-neutral-200 !richtext-bg-white richtext-p-1 !richtext-text-black richtext-shadow-sm dark:!richtext-border-neutral-800 dark:!richtext-bg-black"
+      className="richtext-max-h-[min(80vh,24rem)] richtext-flex-wrap richtext-overflow-auto richtext-rounded-lg !richtext-border !richtext-border-neutral-200 !richtext-bg-white richtext-p-1 !richtext-text-black richtext-shadow-sm dark:!richtext-border-neutral-800 dark:!richtext-bg-black"
       ref={scrollContainer}
     >
       {props?.items?.length
@@ -141,7 +141,7 @@ function CommandsList(props: any, ref: any) {
                         key={`command-${commandIndex}`}
                         onClick={() => createCommandClickHandler(groupIndex, commandIndex)}
                         ref={el => setActiveItemRef(groupIndex, commandIndex, el)}
-                        className={cn('richtext-flex richtext-items-center richtext-gap-3 richtext-px-2 richtext-py-1.5 richtext-text-sm !richtext-text-neutral-800 dark:!richtext-text-neutral-200 richtext-text-left richtext-w-full richtext-rounded-sm richtext-outline-none richtext-transition-colors !richtext-bg-transparent hover:!richtext-bg-accent ', {
+                        className={cn('richtext-flex richtext-items-center richtext-gap-3 richtext-px-2 richtext-py-1.5 richtext-text-sm !richtext-text-neutral-800 dark:!richtext-text-neutral-200 richtext-text-left richtext-w-full richtext-rounded-sm !richtext-outline-none !richtext-border-none richtext-transition-colors !richtext-bg-transparent hover:!richtext-bg-accent ', {
                           'slash-command-active': selectedGroupIndex === groupIndex && selectedCommandIndex === commandIndex,
                         })}
                       >