update App.js, src/components/CardDesign3/index.js, src/components/CardTrelloDesign/index.js and src/components/CustomToast2/index.js

src/App.js

@@ -141,7 +141,7 @@ function App() {
         {/* <GridListTable /> */}
         {/* <PopupCard /> */}
         {/* <TimeLineComponent /> */}
-        {/* <CardTrelloDesign /> */}
+        <CardTrelloDesign />
         {/* <ReligiousTimes /> */}
         {/* <DistributedData /> */}
         {/* <CardDesign1 /> */}
@@ -151,7 +151,7 @@ function App() {
 
         {/* *************************************************** mini components ***************************************************  */}
 
-        {/* <Button /> */}
+        <Button />
         {/* <ButtonDesign /> */}
         {/* <ButtonNewDesign /> */}
         {/* <ButtonDivTag /> */}

src/components/CardDesign3/index.js

@@ -7,7 +7,7 @@ const CardDesign3 = () => {
     <div className="flex flex-col bg-white shadow-sm rounded max-w-[440px] mr-20 my-20 p-4">
       <TitleSubtitle
         subTitle={false}
-        title={"طبقه سوم"}
+        title={"افراد حاضر در این سالن"}
         titleColor={"text-[#0F0543]"}
         titleFontWeight={"font-bold"}
         titleDividerBgColor={"bg-[#1FF87D]"}

src/components/CardTrelloDesign/index.js

@@ -20,7 +20,7 @@ const CardTrelloDesign = ({
   showEmptyCards,
 }) => {
   return (
-    <div className="w-3/12 mx-auto bg-white mt-10 rounded-md shadow p-3">
+    <div className="max-w-[400px] mx-auto bg-white mt-10 rounded-md shadow p-3">
       {/* top */}
       <div
         className={`flex justify-between items-center ${

src/components/CustomToast2/index.js

@@ -13,7 +13,7 @@ const CustomToast2 = ({ items, num }) => {
       {items.slice(0, num).map((item, index) => (
         <div
           key={index}
-          className="flex flex-row items-center p-4 bg-[#F8F8F8] border border-[#BCBCBC] rounded mt-7"
+          className="flex flex-row items-center p-4 bg-[#F8F8F8] border border-[#C9E2B3] rounded mt-4"
         >
           {/* right */}
           <div className="flex flex-row items-center flex-1 ">