[WEB-5873] fix: user avatar ui consistency

[anmolsinghbhatia]

Description

This PR addresses an inconsistency in user avatars ui.

Type of Change

• Improvement

Summary by CodeRabbit

• Style
  • Increased member avatar and initials sizing for clearer visuals in project and workspace settings.
  • Standardized avatar/icon footprint and removed extra padding around suspended avatar to improve alignment and consistency across settings interfaces.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[makeplane]

Linked to Plane Work Item(s)

• [WEB-5873] UI inconsistencies in user avatars

This comment was auto-generated by Plane

[coderabbitai]

📝 Walkthrough

Walkthrough

Two member-column components received presentation updates standardizing avatar sizing from size-4 to size-6 and unifying size utility classes across avatar and initials rendering. No logic or control flow changes were introduced.

Changes

Cohort / File(s)	Summary
Avatar Sizing Standardization apps/web/core/components/project/settings/member-columns.tsx, apps/web/core/components/workspace/settings/member-columns.tsx	Increased avatar and initials span sizing from size-4 to size-6; unified mixed size utilities (h-4/w-4, h-6/w-6) to consistent size-6; removed padding wrapper (p-0.5) around SuspendedUserIcon in workspace settings

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

Poem

🐰 I hopped through code with nimble paws,

I found small avatars and changed their laws,
From size-4 to size-6 they gently grew,
Now members shine in a uniform view,
A tidy hop — and now the UI’s new.

🚥 Pre-merge checks | ✅ 1 | ❌ 2

❌ Failed checks (2 warnings)

Check name	Status	Explanation	Resolution
Description check	⚠️ Warning	The description is incomplete; it lacks Test Scenarios, Screenshots/Media, and References sections required by the template.	Add Test Scenarios section describing verification steps, optionally include before/after screenshots, and add References section linking to the related community PR.
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (1 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly describes the main change: standardizing user avatar UI sizing across two components for consistency.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

---

📜 Recent review details

Configuration used: defaults

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 1d07722 and 22db4fe.

📒 Files selected for processing (1)

• apps/web/core/components/project/settings/member-columns.tsx

🚧 Files skipped from review as they are similar to previous changes (1)

• apps/web/core/components/project/settings/member-columns.tsx

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (3)

• GitHub Check: check:lint
• GitHub Check: check:types
• GitHub Check: Analyze (javascript)

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[Copilot]

Pull request overview

This PR standardizes user avatar sizes across workspace and project settings member tables to improve UI consistency. Previously, avatars were displayed at different sizes (size-4 vs size-6, or with inconsistent padding), which created visual inconsistencies.

• Standardized all user avatars to use size-6 (24px x 24px) instead of mixed size-4 and size-6 values
• Updated the suspended user icon to match the standardized size-6 and removed unnecessary padding
• Applied consistent sizing to both avatar images and fallback initials

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated no comments.

File	Description
apps/web/core/components/workspace/settings/member-columns.tsx	Standardized avatar sizes from mixed size-4/size-6 to consistent size-6 for suspended user icon, avatar images, and initials fallback
apps/web/core/components/project/settings/member-columns.tsx	Standardized avatar sizes from size-4 to size-6 for both avatar images and initials fallback

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.