style: update class names for improved consistency in text editor and switch components

app/components/text-editor/editor-menubar.tsx

@@ -110,7 +110,7 @@ export const EditorMenuBar = (properties: TProperties) => {
 
   return (
     <>
-      <div className="flex items-start justify-between gap-4 rounded-[5px_5px_0_0] px-4 py-3">
+      <div className="flex items-start justify-between gap-4 px-4 py-3">
         <div className="flex divide-x">
           <div className="flex max-w-[150px] flex-wrap items-start gap-1 px-1">
             <EditorButton

app/components/text-editor/index.tsx

@@ -122,7 +122,7 @@ export const TextEditor = <TFormValues extends Record<string, unknown>>(
           disabled={disabled}
         />
       ) : (
-        <div className={twMerge('', className)}>
+        <div className={twMerge('rounded-md', className)}>
           <EditorMenuBar
             disabled={disabled}
             category={category}
@@ -134,7 +134,7 @@ export const TextEditor = <TFormValues extends Record<string, unknown>>(
             editor={editor}
             id={id ?? generatedId}
             className={twMerge(
-              'prose prose-headings:my-0 prose-p:my-0 max-h-96 max-w-none cursor-text overflow-y-auto rounded-[0_0_5px_5px] border border-[#D2D2D2] p-2',
+              'prose prose-headings:my-0 prose-p:my-0 max-h-96 max-w-none cursor-text overflow-y-auto rounded-b-md p-2',
               inputClassName,
             )}
             onClick={() => editor?.commands.focus()}