feat: add bgColor prop to custom tooltip

Signed-off-by: Rudraksh Tyagi
<59254790+dragon-slayer875@users.noreply.github.com>

Author: dragon-slayer875

src/custom/CustomTooltip/customTooltip.tsx

@@ -10,6 +10,7 @@ type CustomTooltipProps = {
   fontSize?: string;
   fontWeight?: number;
   variant?: 'standard' | 'small';
+  bgColor?: string;
 } & Omit<TooltipProps, 'title' | 'onClick'>;
 
 function CustomTooltip({
@@ -20,14 +21,15 @@ function CustomTooltip({
   fontSize,
   fontWeight = 400,
   variant = 'small',
+  bgColor = CHARCOAL,
   ...props
 }: CustomTooltipProps): JSX.Element {
   return (
     <Tooltip
       componentsProps={{
         tooltip: {
           sx: {
-            background: CHARCOAL,
+            background: bgColor,
             color: WHITE,
             fontSize: fontSize || (variant === 'standard' ? '1rem' : '0.75rem'),
             fontWeight: { fontWeight },