chore: use webp icon format

Author: fuxingloh

packages/xmatter/next/client.tsx

@@ -33,5 +33,7 @@ export function XmatterIcon({
   baseUrl = "https://xmatter.org",
   ...props
 }: XmatterIconProps): ReactNode {
-  return <IconWithFallback src={`${baseUrl}/${namespace}/${chainId}/${address}/icon`} fallback={fallback} {...props} />;
+  return (
+    <IconWithFallback src={`${baseUrl}/${namespace}/${chainId}/${address}/icon.webp`} fallback={fallback} {...props} />
+  );
 }

packages/xmatter/next/server.tsx

@@ -16,7 +16,7 @@ export async function XmatterIcon({
   fallback,
   ...props
 }: XmatterIconProps): Promise<ReactNode> {
-  const url = await client.getIconUrl(chainId, address);
+  const url = await client.getIconWebpUrl(chainId, address);
   if (!url) {
     return fallback;
   }