fix emoji rendering in collapsed project menu, darkmode ensures contr…

[adamleithp]

Problem

Emojis weren't rendering properly in the collapsed project dropdown
darkmode with letters in collapsed project dropdown had poor contrast

Changes

use codepoint instead of slice (emojis are more than one byte)

ensure contrast regardless of theme for darkmode

How did you test this code?

locally

[greptile-apps]

_{1 file reviewed, 1 comment}

_{Edit Code Review Agent Settings | Greptile}

[greptile-apps]

logic: Potential crash if currentTeam.name is empty string. codePointAt(0) on empty string returns undefined, causing String.fromCodePoint(undefined) to fail.

Suggested change

	{String.fromCodePoint(currentTeam.name.codePointAt(0)!).toLocaleUpperCase()}
	{currentTeam.name ? String.fromCodePoint(currentTeam.name.codePointAt(0)!).toUpperCase() : 'P'}

Prompt To Fix With AI

This is a comment left during a code review.
Path: frontend/src/lib/components/Account/ProjectMenu.tsx
Line: 70:70

Comment:
**logic:** Potential crash if `currentTeam.name` is empty string. `codePointAt(0)` on empty string returns `undefined`, causing `String.fromCodePoint(undefined)` to fail.

```suggestion
                            {currentTeam.name ? String.fromCodePoint(currentTeam.name.codePointAt(0)!).toUpperCase() : 'P'}
```

How can I resolve this? If you propose a fix, please make it concise.

[github-actions]

Size Change: 0 B

Total Size: 3.3 MB

ℹ️ View Unchanged

Filename	Size
frontend/dist/toolbar.js	3.3 MB

_{compressed-size-action}