feat: add guest picture

also add contributor badge

src/components/profile-information.tsx

@@ -25,7 +25,7 @@ export default async function ProfileInformation({ user: userData, createdAt, in
 			<div className="flex w-full gap-4 overflow-x-scroll">
 				{/* Profile picture */}
 				<Image
-					src={user?.image ?? "/missing.svg"}
+					src={user?.image ?? "/guest.webp"}
 					alt="profile picture"
 					width={128}
 					height={128}
@@ -40,6 +40,11 @@ export default async function ProfileInformation({ user: userData, createdAt, in
 								<Icon icon="mdi:shield-moon" />
 							</div>
 						)}
+						{process.env.NEXT_PUBLIC_CONTRIBUTORS_USER_IDS?.split(",").includes(id.toString()) && (
+							<div data-tooltip="Contributor" className="font-normal text-orange-400">
+								<Icon icon="mingcute:group-fill" />
+							</div>
+						)}
 					</h1>
 					<h2 className="text-lg font-semibold break-words">@{user?.username}</h2>
 

src/components/profile-overview.tsx

@@ -9,7 +9,7 @@ export default async function ProfileOverview() {
 		<li title="Your profile">
 			<Link href={`/profile/${session?.user.id}`} className="pill button !gap-2 !p-0 h-full max-w-64" data-tooltip="Your Profile">
 				<Image
-					src={session?.user?.image ?? "/missing.svg"}
+					src={session?.user?.image ?? "/guest.webp"}
 					alt="profile picture"
 					width={40}
 					height={40}