feat: add note about transparency in logos in builder

packages/builder/src/components/base/images/ImageCrop.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useRef, useEffect } from "react";
+import React, { useEffect, useRef, useState } from "react";
 
 import ReactCrop, {
   centerCrop,
@@ -10,7 +10,7 @@ import { BaseModal, ToggleModalProps } from "../BaseModal";
 import buildCanvas from "./buildCanvas";
 
 import "react-image-crop/dist/ReactCrop.css";
-import Button, { ButtonVariants } from "../Button";
+import Button, { ButtonVariants } from "../Button"; // This is to demonstate how to make and center a % aspect crop
 
 // This is to demonstate how to make and center a % aspect crop
 // which is a bit trickier, so we use some helper functions.
@@ -103,6 +103,9 @@ export default function ImageCrop({
             />
           </ReactCrop>
         )}
+        <div className="flex w-full" />
+        Note: Transparent sections in images will default to black when
+        uploaded. Please consider using a non-transparent background.
         <div className="flex w-full">
           <Button
             styles={["w-1/2 justify-center"]}