update App.js, src/components/CardTrelloDesign/index.js and src/components/ProfilePicNextToEachOther/index.js

src/App.js

@@ -144,11 +144,11 @@ function App() {
         {/* <OutlineInput /> */}
         {/* <ButtonNewDesign /> */}
         {/* <CancleIcon /> */}
-        <ProfilePicNextToEachOther />
+        {/* <ProfilePicNextToEachOther /> */}
         {/* <SemiDonut /> */}
         {/* <FolderTree /> */}
         {/* <GridListTable /> */}
-        <PopupCard />
+        {/* <PopupCard /> */}
         {/* <TimeLine /> */}
         {/* <TimeLineComponent /> */}
         {/* <SelectYear /> */}

src/components/CardTrelloDesign/index.js

@@ -79,7 +79,7 @@ const CardTrelloDesign = ({ circle, pictures }) => {
           {/* {pictures.map((pic, index) => (
             <img src={pic.image} alt="" className="w-10" />
           ))} */}
-          <ProfilePicNextToEachOther num={3} />
+          <ProfilePicNextToEachOther num={3} marginLeft={"5px"} />
         </div>
         {/* left */}
         <div className="flex flex-row items-center gap-x-1">

src/components/ProfilePicNextToEachOther/index.js

@@ -13,7 +13,7 @@ const ProfilePicNextToEachOther = ({ users,num,marginLeft }) => {
         <img
           key={i}
           src={user.picture}
-          className="w-10 h-10 border-2 border-white rounded-full dark:border-gray-800"
+          className="w-10 h-10 rounded-full"
           alt="profile-pic"
           style={{ marginLeft: `${marginLeft}` }}
         />