[verified] Replace site branding and icons with approved logo kit

web/src/components/site-menu.tsx

@@ -2,6 +2,7 @@
 
 import { useEffect } from 'react'
 import Link from 'next/link'
+import BrandLogo from './brand-logo'
 import { usePathname } from 'next/navigation'
 import { SITE_LINKS } from './site-links'
 import AccountLink from './account-link'
@@ -71,9 +72,7 @@ export default function SiteMenu({
       <div className="menu-drawer" role="dialog" aria-modal="true" aria-label="قائمة أنور پآي">
         <div className="menu-head">
           <Link className="logo" href="/">
-            {/* eslint-disable-next-line @next/next/no-img-element */}
-            <img className="logo-mark" src="/brand/mark-light.svg" alt="" width={36} height={32} />
-            أنور پآي
+            <BrandLogo />
           </Link>
           <button className="icon-btn" type="button" aria-label="إغلاق القائمة" data-menu-close>×</button>
         </div>