fix and new logo

frontend/src/ui/icons.tsx

@@ -50,7 +50,7 @@ import {
   IconAlertTriangle,
 } from '@tabler/icons-react';
 import FolderSvg from '../assets/folder.svg';
-import LogoSvg from '../assets/logo.svg';
+const logoWebp = new URL('../assets/logo.webp', import.meta.url).toString();
 import composeClassName from './classNames';
 
 type TablerIconComponent = (props: TablerIconProps) => JSX.Element;
@@ -99,12 +99,14 @@ export const FolderIcon: TablerIconComponent = ({ className, size = 16, title, .
 };
 
 export const LogoIcon: React.FC<{ className?: string; width?: number; height?: number }> = ({ className, width = 24, height = 24 }) => (
-  <LogoSvg
+  <img
+    src={logoWebp}
     className={composeClassName('logo-icon', className)}
     width={width}
     height={height}
-    aria-hidden="true"
-    focusable="false"
+    alt="Papercrate logo"
+    loading="lazy"
+    decoding="async"
   />
 );