fix(ui): improve prop handling in RichText component

Author: marcinkrasowski

packages/ui/src/components/RichText/RichText.tsx

@@ -20,24 +20,27 @@ const LinkComp: FC<Readonly<LinkProps & { children: ReactNode; className?: strin
 
 const TypographyComp: FC<Readonly<TypographyProps & { children: ReactNode; tag: string }>> = ({
     children,
+    tag = 'p',
+    variant,
     ...props
 }) => {
-    const Tag = props.tag || 'p';
+    const Tag = tag || 'p';
     return (
-        <Typography variant={props.variant} asChild>
+        <Typography variant={variant} asChild>
             <Tag {...props}>{children}</Tag>
         </Typography>
     );
 };
 
 const TdComp: FC<Readonly<TypographyProps & { children: ReactNode }>> = ({
     children,
+    'data-highlighted': isHighlighted,
     ...props
 }: {
     children: ReactNode;
     'data-highlighted'?: boolean;
 }) => {
-    const variant = props['data-highlighted'] ? 'tableCellHighlighted' : 'tableCell';
+    const variant = isHighlighted ? 'tableCellHighlighted' : 'tableCell';
     return (
         <TypographyComp variant={variant} tag="td" {...props}>
             {children}