Merge pull request #49 from StevanFreeborn/stevanfreeborn/fix/48-profile-images-on-posts-not-same-size

fix: #48 profile images maintain height

src/components/DisplayPost.tsx

@@ -78,6 +78,7 @@ export default function DisplayPost({
         <div className="flex w-full h-80 gap-4">
           <div>
             <Image
+              style={{ height: '40px', width: '40px' }}
               alt="user profile image"
               src={user.user.imageUrl}
               width={40}

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}