feat: user avatar images

- added user avatars for each user
- it will fetch user images from github or google and if there is no image then it will show initials

frontend/components/dashboard/shared.tsx

@@ -20,6 +20,7 @@ export default function DashboardSharedWithMe({
     name: string
     type: "react" | "node"
     author: string
+    authorAvatarUrl: string
     sharedOn: Date
   }[]
 }) {
@@ -58,7 +59,11 @@ export default function DashboardSharedWithMe({
                   </TableCell>
                   <TableCell>
                     <div className="flex items-center">
-                      <Avatar name={sandbox.author} className="mr-2" />
+                      <Avatar 
+                        name={sandbox.author}
+                        avatarUrl={sandbox.authorAvatarUrl}
+                        className="mr-2"
+                      />
                       {sandbox.author}
                     </div>
                   </TableCell>