chore: image rounded

src/widget/Icon.tsx

@@ -8,8 +8,8 @@ type Props = {
 const Icon = ({ handleClick }: Props) => {
   const { logo } = useAppSelector(store => store.server);
   if (!logo) return null;
-  return <button className="rounded-full w-12 h-12" onClick={handleClick}>
-    <img src={logo} alt="logo" className="w-full h-full" />
+  return <button className="rounded-full w-12 h-12 overflow-hidden" onClick={handleClick}>
+    <img src={logo} alt="logo" className="w-full h-full rounded-full" />
   </button>;
 };
 

src/widget/Popup/Header.tsx

@@ -11,7 +11,7 @@ const Index: FC<Props> = ({ handleClose }) => {
   return (
     <div className="flex gap-2 justify-between items-center p-2">
       <div className="relative w-12 h-12">
-        <img src={logo} alt="logo" className="w-full h-full" />
+        <img src={logo} alt="logo" className="w-full h-full rounded-full" />
       </div>
       <div className="flex flex-col flex-1">
         <span className="text-gray-900 text-lg font-bold">{name}</span>

src/widget/Popup/Welcome.tsx

@@ -14,7 +14,7 @@ const Index = ({ needLogin = false }: Props) => {
   return (
     <div className="flex gap-1 pl-1">
       <div className="w-12 h-12">
-        <img src={logo} alt="logo" className="w-full h-full" />
+        <img src={logo} alt="logo" className="w-full h-full rounded-full" />
       </div>
       <div className="flex flex-col">
         <span className="flex items-center gap-2 leading-6">