feat(ui): netralax wordmark lockup in sidebar

apps/desktop/src/components/Sidebar.tsx

@@ -8,7 +8,7 @@ import { CallBar } from './CallUI';
 import {
   ChatBubbleIcon,
   GearIcon,
-  LogoMark,
+  LogoLockup,
   ShieldIcon,
   SignOutIcon,
   UsersIcon,
@@ -33,7 +33,7 @@ const ADMIN_NAV_ITEM: NavItem = {
 };
 
 export function Sidebar() {
-  const { t } = useTranslation(['app', 'common']);
+  const { t } = useTranslation(['app']);
   const { signOut, profile } = useAuth();
   const { incomingCount } = useFriendshipsContext();
   const { totalUnread } = useConversationsContext();
@@ -45,11 +45,8 @@ export function Sidebar() {
       aria-label="Primary navigation"
       className="flex h-screen w-72 shrink-0 flex-col border-r border-white/5 bg-ink-900/70 backdrop-blur-xl"
     >
-      <div className="flex items-center gap-2.5 px-5 pb-3 pt-5">
-        <LogoMark className="h-7 w-7" />
-        <span className="font-display text-base font-semibold tracking-tight text-white">
-          {t('common:app_name')}
-        </span>
+      <div className="flex items-center px-5 pb-3 pt-5">
+        <LogoLockup tone="dark" className="h-8 w-auto" aria-label="Netralax" />
       </div>
 
       <nav className="mt-2 flex flex-col gap-0.5 px-3">