Fix MaskedAvatar component stuck in loading state (#4937)

## Problem solved

Short description of the bug fixed or feature added

<!-- start pr-codex -->

---

## PR-Codex overview
This PR primarily focuses on making minor adjustments to the text content in the `ambassadors.tsx` file and refining the handling of props in the `MaskedAvatar` component within `masked-avatar/index.tsx`.

### Detailed summary
- In `ambassadors.tsx`, added a space after "Meet the".
- In `masked-avatar/index.tsx`:
  - Changed `skeletonData` from `false` to `undefined`.
  - Changed `loadedData` from `isPending` to `src`.
  - Updated the render prop to use `v` instead of `src`.

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

<!-- end pr-codex -->

Author: MananTank

apps/dashboard/src/pages/community/ambassadors.tsx

@@ -577,7 +577,7 @@ const Ambassadors: ThirdwebNextPage = () => {
             align={{ base: "initial", md: "center" }}
           >
             <Heading as="h2" size="display.md" mb={4} textAlign="center">
-              Meet the
+              Meet the{" "}
               <Heading
                 size="display.md"
                 as="span"

apps/dashboard/src/tw-components/masked-avatar/index.tsx

@@ -14,7 +14,6 @@ export const MaskedAvatar: React.FC<MaskedAvatarProps> = ({
   src,
   alt,
   boxSize = 12,
-  isPending,
   className,
 }) => {
   return (
@@ -26,11 +25,11 @@ export const MaskedAvatar: React.FC<MaskedAvatarProps> = ({
         mask: `url("${hexagon.src}")`,
         maskSize: "cover",
       }}
-      skeletonData={false}
-      loadedData={isPending}
-      render={() => (
+      skeletonData={undefined}
+      loadedData={src}
+      render={(v) => (
         // eslint-disable-next-line @next/next/no-img-element
-        <img className="object-cover" src={src} alt={alt || ""} />
+        <img className="object-cover" src={v} alt={alt || ""} />
       )}
     />
   );