prevent profile photos from being cached

components/CollectionCard.tsx

@@ -60,7 +60,7 @@ export default function CollectionCard({ collection, className }: Props) {
                 return (
                   <ProfilePhoto
                     key={i}
-                    src={`/api/avatar/${e.userId}`}
+                    src={`/api/avatar/${e.userId}?${Date.now()}`}
                     className="-mr-3 border-[3px]"
                   />
                 );

components/Modal/Collection/TeamManagement.tsx

@@ -235,7 +235,7 @@ export default function TeamManagement({
                     )}
                     <div className="flex items-center gap-2">
                       <ProfilePhoto
-                        src={`/api/avatar/${e.userId}`}
+                        src={`/api/avatar/${e.userId}?${Date.now()}`}
                         className="border-[3px]"
                       />
                       <div>
@@ -420,7 +420,7 @@ export default function TeamManagement({
       >
         <div className="flex items-center gap-2">
           <ProfilePhoto
-            src={`/api/avatar/${collection.ownerId}`}
+            src={`/api/avatar/${collection.ownerId}?${Date.now()}`}
             className="border-[3px]"
           />
           <div>

pages/collections/[id].tsx

@@ -99,7 +99,7 @@ export default function Index() {
                       return (
                         <ProfilePhoto
                           key={i}
-                          src={`/api/avatar/${e.userId}`}
+                          src={`/api/avatar/${e.userId}?${Date.now()}`}
                           className="-mr-3 duration-100  border-[3px]"
                         />
                       );