Use backend branding assets for logo and favicon

frontend/app/ui/BrandingFavicon.tsx

@@ -4,12 +4,11 @@ import { useEffect } from 'react'
 
 export default function BrandingFavicon() {
   useEffect(() => {
-    const href = '/branding-icon.svg'
+    const href = '/api/branding/favicon.ico'
     let link = document.querySelector("link[rel='icon']") as HTMLLinkElement | null
     if (!link) {
       link = document.createElement('link')
       link.rel = 'icon'
-      link.type = 'image/svg+xml'
       document.head.appendChild(link)
     }
     link.href = href

frontend/app/ui/BrandingLogo.tsx

@@ -7,7 +7,7 @@ export default function BrandingLogo({ className, alt = 'Magent logo' }: Brandin
   return (
     <img
       className={className}
-      src="/branding-logo.svg"
+      src="/api/branding/logo.png"
       alt={alt}
     />
   )