Update avatar url stuff

apps/web/src/components/features/search/GlobalSearchModal/GlobalSearchSecondaryContent.stories.tsx

@@ -42,15 +42,13 @@ const mockSearchTextData: SearchTextData = {
     reports: [],
     collections: [],
   },
-  createdBy: {
-    id: 'abc123',
-    name: 'John Doe',
-    email: 'john.doe@example.com',
-    avatarUrl: faker.image.url({
+
+  createdBy: '123e4567-e89b-12d3-a456-426614174000',
+  createdByName: 'John Doe',
+  createdByAvatarUrl: faker.image.url({
     width: 200,
     height: 200,
   }),
-  },
 };
 
 export const Default: Story = {

apps/web/src/components/features/search/GlobalSearchModal/GlobalSearchSecondaryContent.tsx

@@ -24,8 +24,17 @@ export type GlobalSearchSecondaryContentProps = {
 export const GlobalSearchSecondaryContent: React.FC<GlobalSearchSecondaryContentProps> = ({
   selectedItem,
 }) => {
-  const { assetId, assetType, title, ancestors, updatedAt, screenshotUrl, createdBy } =
-    selectedItem;
+  const {
+    assetId,
+    assetType,
+    title,
+    ancestors,
+    updatedAt,
+    screenshotUrl,
+    createdBy,
+    createdByAvatarUrl,
+    createdByName,
+  } = selectedItem;
 
   return (
     <div className="px-3 pt-3 pb-3 min-w-[420px] min-h-[420px] flex flex-col gap-y-3 flex-1 h-full">
@@ -35,7 +44,12 @@ export const GlobalSearchSecondaryContent: React.FC<GlobalSearchSecondaryContent
         <ScreenshotImage screenshotUrl={screenshotUrl} assetType={assetType} />
       )}
 
-      <MetaContent updatedAt={updatedAt} createdBy={createdBy} />
+      <MetaContent
+        updatedAt={updatedAt}
+        createdBy={createdBy}
+        createdByAvatarUrl={createdByAvatarUrl}
+        createdByName={createdByName}
+      />
 
       <hr className="border-t" />
 
@@ -174,7 +188,12 @@ const MetricScreenshotContainer = ({
   );
 };
 
-const MetaContent = ({ updatedAt, createdBy }: Pick<SearchTextData, 'updatedAt' | 'createdBy'>) => {
+const MetaContent = ({
+  updatedAt,
+  createdBy,
+  createdByAvatarUrl,
+  createdByName,
+}: Pick<SearchTextData, 'updatedAt' | 'createdBy' | 'createdByAvatarUrl' | 'createdByName'>) => {
   const PillContainer = ({ children }: { children: React.ReactNode }) => {
     return (
       <div
@@ -193,13 +212,13 @@ const MetaContent = ({ updatedAt, createdBy }: Pick<SearchTextData, 'updatedAt'
       {createdBy && (
         <PillContainer>
           <img
-            src={createdBy.avatarUrl ?? ''}
+            src={createdByAvatarUrl ?? ''}
             alt="Avatar"
             className="w-3 h-3 rounded-full border object-contain bg-gray-light/50"
             style={{ objectFit: 'contain' }}
           />
 
-          {createdBy?.name}
+          {createdByName}
         </PillContainer>
       )}
       <PillContainer>