[HOLD for payment 2023-05-25] QR code share polish issues

[mountiny]

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

---

3 bugs:

## Action Performed:

Go to settings >Share code

## Expected Result:
should not show any Console error

---

## Action Performed:

1. Go to settings >Profile >Display name
2. type long first and last name
3. Go to settings >Share code
4. check the name in Share code

## Expected Result:
Name cuts both side

## Actual Result:
Name should not cut

---

## Action Performed:

1. Login ND
2. Open Settings

## Expected Result
It is centered

## Actual Result:
It's not

Workaround:

Can the user still use Expensify without this being fixed? Have you informed them of the workaround?

Platforms:

Which of our officially supported platforms is this issue occurring on?

• Android / native
• Android / Chrome
• iOS / native
• iOS / Safari
• MacOS / Chrome / Safari
• MacOS / Desktop

Version Number:
Reproducible in staging?: yes
Reproducible in production?: new feature
If this was caught during regression testing, add the test name, ID and link from TestRail:
Email or phone of affected tester (no customers):
Logs: https://stackoverflow.com/c/expensify/questions/4856
Notes/Photos/Videos: Any additional supporting documentation
Expensify/Expensify Issue URL:
Issue reported by: @aman-atg @gadhiyamanan twice
Slack conversation:

https://expensify.slack.com/archives/C049HHMV9SM/p1684148520784279
https://expensify.slack.com/archives/C049HHMV9SM/p1684146498776949
https://expensify.slack.com/archives/C049HHMV9SM/p1684146466609189

View all open jobs on GitHub

[melvin-bot]

Triggered auto assignment to @kevinksullivan (Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details.

[melvin-bot]

Bug0 Triage Checklist (Main S/O)

• This "bug" occurs on a supported platform (ensure Platforms in OP are ✅)
• This bug is not a duplicate report (check E/App issues and #expensify-bugs)
  • If it is, comment with a link to the original report, close the issue and add any novel details to the original issue instead
• This bug is reproducible using the reproduction steps in the OP. S/O
  • If the reproduction steps are clear and you're unable to reproduce the bug, check with the reporter and QA first, then close the issue.
  • If the reproduction steps aren't clear and you determine the correct steps, please update the OP.
• This issue is filled out as thoroughly and clearly as possible
  • Pay special attention to the title, results, platforms where the bug occurs, and if the bug happens on staging/production.
• I have reviewed and subscribed to the linked Slack conversation to ensure Slack/Github stay in sync

[Prince-Mendiratta]

Related issue - #18970
Posted a proposal for the same, which I think can be used here - #18970 (comment)

[mountiny]

@chrispader

[chrispader]

heyoo github 👋🏼

[robertjchen]

Got some feedback from Design as well, should be an easy text color tweak. Let me know if I can help! 👍 #18080 (comment)

[chrispader]

@mountiny @robertjchen the PR is ready for review!