RG-766: Optimize mobile profile layout

[menvil]

Summary

• Add truncate to profile display name h1 to prevent horizontal overflow on 375px screens
• Profile already uses min-w-0 on identity container and flex-col → sm:flex-row layout
• Add 3 feature tests covering profile header structure and long name handling

Test plan

• composer test passes
• Profile page readable at 375px with long display names

🤖 Generated with Claude Code

---

Summary by cubic

Prevents horizontal overflow on mobile profile headers (375px) by truncating long display names. Addresses RG-766 and adds feature tests for header test IDs, the min-w-0 identity container, and name truncation.

^{Written for commit c26953e. Summary will update on new commits.}

[coderabbitai]

Warning

Review limit reached

@menvil, we couldn't start this review because you've reached your PR review rate limit.

More reviews will be available in 53 minutes and 43 seconds. Learn how PR review limits work.

Your organization has run out of usage credits. Purchase more in the billing tab.

⌛ How to resolve this issue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans include higher PR review limits than trial, open-source, and free plans. In all cases, reviews become available again over time. During sustained high-volume PR review activity, CodeRabbit may temporarily slow when the next review becomes available.

Please see our Fair Usage Limits Policy for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Pro

Run ID: b14c36e7-177c-46ca-947f-d933016421a2

📥 Commits

Reviewing files that changed from the base of the PR and between 2e03efc and c26953e.

📒 Files selected for processing (2)

• resources/views/livewire/profile/profile-page.blade.php
• tests/Feature/Mobile/MobileProfileTest.php

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feature/RG-766-optimize-mobile-profile-layout

---

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.}