use React.memo component in ReactMarkdown

apps/app/src/client/components/ReactMarkdownComponents/TableWithEditButton.tsx

@@ -23,7 +23,7 @@ type TableWithEditButtonProps = {
   className?: string
 }
 
-export const TableWithEditButton = (props: TableWithEditButtonProps): JSX.Element => {
+export const TableWithEditButton = React.memo((props: TableWithEditButtonProps): JSX.Element => {
   const { children, node, className } = props;
 
   const { data: isGuestUser } = useIsGuestUser();
@@ -60,5 +60,5 @@ export const TableWithEditButton = (props: TableWithEditButtonProps): JSX.Elemen
       </table>
     </div>
   );
-};
+}) as typeof TableWithEditButton;
 TableWithEditButton.displayName = 'TableWithEditButton';

packages/presentation/src/client/components/RichSlideSection.tsx

@@ -22,7 +22,7 @@ const OriginalRichSlideSection = React.memo((props: RichSlideSectionProps): JSX.
   );
 });
 
-export const RichSlideSection = (props: RichSlideSectionProps): JSX.Element => {
+export const RichSlideSection = React.memo((props: RichSlideSectionProps): JSX.Element => {
   const { children } = props;
 
   return (
@@ -30,10 +30,10 @@ export const RichSlideSection = (props: RichSlideSectionProps): JSX.Element => {
       {children}
     </OriginalRichSlideSection>
   );
-};
+}) as typeof RichSlideSection;
 
 
-export const PresentationRichSlideSection = (props: RichSlideSectionProps): JSX.Element => {
+export const PresentationRichSlideSection = React.memo((props: RichSlideSectionProps): JSX.Element => {
   const { children } = props;
 
   return (
@@ -41,4 +41,4 @@ export const PresentationRichSlideSection = (props: RichSlideSectionProps): JSX.
       {children}
     </OriginalRichSlideSection>
   );
-};
+}) as typeof PresentationRichSlideSection;