💄(frontend) set yellow background color to callout block

Set the default background color to yellow on the callout block.

Author: ZouicheOmar

src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/CalloutBlock.tsx

@@ -113,6 +113,16 @@ const CalloutBlockElement = ({
     handleEmojiSelect,
   } = useCalloutBlock();
 
+  // Temporary: sets a yellow background color to a callout block when added by
+  // the user, while keeping the colors menu on the drag handler usable for
+  // this custom block.
+  useEffect(() => {
+    if (!block.content.length && block.props.backgroundColor === 'default') {
+      console.log('in if statement');
+      editor.updateBlock(block, { props: { backgroundColor: 'yellow' } });
+    }
+  }, []);
+
   return (
     <Box
       $padding="1rem"