chore: use webp compression on logo (#2756)

- Logo size reduced from 310 KB to 36 KB.
- Point metadata image URL to local logo instead of remote

web/src/components/UpdateCustomizedProfileDialog.tsx

@@ -63,7 +63,7 @@ const UpdateCustomizedProfileDialog: React.FC<Props> = ({ destroy }: Props) => {
   const handleRestoreButtonClick = () => {
     setPartialState({
       name: "memos",
-      logoUrl: "/logo.png",
+      logoUrl: "/logo.webp",
       description: "",
       locale: "en",
       appearance: "system",

web/src/components/UserAvatar.tsx

@@ -11,7 +11,7 @@ const UserAvatar = (props: Props) => {
     <div className={classNames(`w-8 h-8 overflow-clip rounded-full`, className)}>
       <img
         className="w-full h-auto rounded-full shadow min-w-full min-h-full object-cover dark:opacity-80"
-        src={avatarUrl || "/logo.png"}
+        src={avatarUrl || "/logo.webp"}
         decoding="async"
         loading="lazy"
         alt=""