fix: set inline style height and width for pictures

src/components/Post.tsx

@@ -48,6 +48,7 @@ export default function Post({
       <div className="flex-shrink-0">
         <Link href={`/profile/${post.user.clerkUserId}`}>
           <Image
+            style={{ height: '40px', width: '40px' }}
             alt="user profile image"
             src={post.user.clerkImageUrl}
             width={40}

src/components/Reply.tsx

@@ -20,6 +20,7 @@ export default function Reply({ post }: { post: PostWithUserDto }) {
       <div>
         <Link href={`/profile/${post.user.clerkUserId}`}>
           <Image
+            style={{ height: '40px', width: '40px' }}
             alt="user profile image"
             src={post.user.clerkImageUrl}
             width={40}

src/components/UserProfile.tsx

@@ -54,6 +54,7 @@ export default function UserProfile({ user }: { user: UserDto }) {
         <div className="flex items-center gap-4 -mb-[25px]">
           <div className="flex-shrink-0">
             <Image
+              style={{ height: '100px', width: '100px' }}
               alt="user profile image"
               src={user.clerkImageUrl}
               width={100}