visual improvements

components/Modal/AddCollection.tsx

@@ -146,7 +146,7 @@ export default function AddCollection({ toggleCollectionModal }: Props) {
               <img
                 // @ts-ignore
                 src={`/api/avatar/${e.id}`}
-                className="h-10 w-10 rounded-full border border-sky-100"
+                className="h-10 w-10 rounded-full border-[3px] border-sky-100"
                 alt=""
               />
               <div>

components/Modal/EditCollection.tsx

@@ -161,7 +161,7 @@ export default function EditCollection({
               <img
                 // @ts-ignore
                 src={`/api/avatar/${e.userId}`}
-                className="h-10 w-10 rounded-full border border-sky-100"
+                className="h-10 w-10 rounded-full border-[3px] border-sky-100"
                 alt=""
               />
               <div>

components/Modal/UserSettings.tsx

@@ -171,7 +171,7 @@ export default function UserSettings({ toggleSettingsModal }: Props) {
               <div>
                 <img
                   alt="Profile Photo"
-                  className="rounded-full object-cover h-28 w-28 border border-sky-100 border-opacity-0"
+                  className="rounded-full object-cover h-28 w-28 border-[3px] border-sky-100 border-opacity-0"
                   src={user.profilePic}
                 />
                 <div