fix emoji rendering in collapsed project menu, darkmode ensures contr… (#39914)

Author: adamleithp

frontend/src/lib/components/Account/ProjectMenu.tsx

@@ -66,8 +66,8 @@ export function ProjectMenu({
                     className={cn('max-w-fit min-w-[40px]', iconOnly ? 'min-w-auto' : '', buttonProps.className)}
                 >
                     {iconOnly ? (
-                        <div className="Lettermark bg-[var(--color-bg-fill-button-tertiary-active)] w-5 h-5 ">
-                            {currentTeam.name.slice(0, 1).toLocaleUpperCase()}
+                        <div className="Lettermark bg-[var(--color-bg-fill-button-tertiary-active)] w-5 h-5 dark:text-tertiary">
+                            {String.fromCodePoint(currentTeam.name.codePointAt(0)!).toLocaleUpperCase()}
                         </div>
                     ) : (
                         <span className="truncate">{currentTeam.name ?? 'Project'}</span>