fix: avatar bordered

Author: mouracamila

src/components/Avatar.tsx

@@ -49,7 +49,7 @@ export const Avatar: React.FC<AvatarProps> = ({
             className={classNames(sizeClasses[size], {
               rounded: !rounded,
               'rounded-full': rounded,
-              'rounded-full p-1 ring-2 ring-gray-300 dark:ring-gray-500': bordered,
+              'p-1 ring-2 ring-gray-300 dark:ring-gray-500': bordered,
             })}
             src={img}
             alt="Rounded avatar"
@@ -59,7 +59,7 @@ export const Avatar: React.FC<AvatarProps> = ({
             className={classNames(`relative overflow-hidden bg-gray-100 dark:bg-gray-600`, sizeClasses[size], {
               rounded: !rounded,
               'rounded-full': rounded,
-              'rounded-full p-1 ring-2 ring-gray-300 dark:ring-gray-500': bordered,
+              'p-1 ring-2 ring-gray-300 dark:ring-gray-500': bordered,
             })}
           >
             <svg

src/pages/AvatarPage.tsx

@@ -16,7 +16,12 @@ const AvatarPage: FC = () => {
     },
     {
       title: 'Bordered Avatar',
-      code: <Avatar img="https://flowbite.com/docs/images/people/profile-picture-5.jpg" bordered />,
+      code: (
+        <div className="flex flex-wrap gap-2">
+          <Avatar img="https://flowbite.com/docs/images/people/profile-picture-5.jpg" rounded bordered />
+          <Avatar img="https://flowbite.com/docs/images/people/profile-picture-5.jpg" bordered />
+        </div>
+      ),
     },
     {
       title: 'Placeholder',