Brand web client and add message notification sound

web/src/features/auth/TenantEntryPage.tsx

@@ -6,6 +6,7 @@ import { Link, useNavigate } from 'react-router-dom';
 import { Icon } from '@/app/Icon';
 import { ImApiError } from '@/lib/api/client';
 import { resolveTenant } from '@/lib/api/tenant';
+import { BASE_APP_NAME } from '@/lib/config';
 import { resetTinode } from '@/lib/tinode/connection';
 import { requestConfirm } from '@/stores/confirmDialog';
 import { parseWebsocketEndpoint, useSessionStore } from '@/stores/session';
@@ -77,10 +78,8 @@ export function TenantEntryPage() {
       </Link>
       <form onSubmit={submit} className="flex w-full max-w-[380px] flex-col gap-5">
         <div className="mb-2 flex flex-col items-center gap-3">
-          <div className="grid h-[72px] w-[72px] place-items-center rounded-2xl bg-accent text-[36px] font-bold text-white shadow-[0_10px_26px_rgba(35,74,125,0.18)]">
-            M
-          </div>
-          <strong className="text-[26px] font-bold text-text-title">MeetingIM</strong>
+          <img src="/app-icon.png" alt="" className="h-[72px] w-[72px] rounded-2xl shadow-[0_10px_26px_rgba(35,74,125,0.18)]" />
+          <strong className="text-[26px] font-bold text-text-title">{BASE_APP_NAME}</strong>
         </div>
         {error ? (
           <div className="flex items-center gap-1.5 rounded-lg bg-error-strip-bg px-3 py-2.5 text-sm text-error-strip-text">