Refactor BlockQuote component and update blockquote class

src/components/ui/BlockQuote/BlockQuote.js

@@ -1,9 +1,15 @@
 'use client';
 import React from 'react';
 
-const BlockQuote = ({children}) => (
+import {customClassSwitcher} from '@/core';
 
-    <blockquote className="rad-ui-blockquote">{children}</blockquote>
-);
+const COMPONENT_NAME = 'BlockQuote';
+const BlockQuote = ({children, customRootClass = '', className = '', ...props}) => {
+    const rootClass = customClassSwitcher(customRootClass, COMPONENT_NAME);
+
+    return <blockquote className={`${rootClass} ${className}`} {...props}>{children}</blockquote>;
+};
+
+BlockQuote.displayName = COMPONENT_NAME;
 
 export default BlockQuote;

styles/themes/default.css

@@ -76,7 +76,7 @@ button:active, button:focus, input:active, input:focus, textarea:active, textare
     background-color: var(--rad-ui-color-accent-500) ;
 }
 
-.rad-ui-blockquote{
+.rad-ui-block-quote{
     border-color: var(--rad-ui-color-accent-600);
     border-left-width: 0.5rem;
     padding-left:12px;