update App.js, src/components/ProductStatusCard/index.js and src/components/Sidebar/SidebarMenu/index.js

src/components/ProductStatusCard/index.js

@@ -14,11 +14,11 @@ const ProductStatusCard = ({ items, productPrice, discountPrice }) => {
 
   return (
     <section className="bg-white p-4 w-fit">
-      <div className="bg-gray-200 rounded px-4 py-2">
+      <div className="flex flex-col bg-gray-200 rounded px-4 py-2">
         {items.map((item, index) => (
-          <div>
+          <>
             <div
-              className="flex flex-row items-center justify-between mt-3 mb-3"
+              className="flex flex-row items-center justify-between my-3"
               key={index}
             >
               <div className="flex flex-row items-center">
@@ -40,8 +40,10 @@ const ProductStatusCard = ({ items, productPrice, discountPrice }) => {
               </div>
               {item.alertIcon && <img src={circle} alt="" className="w-5" />}
             </div>
-            <div className="border-b border-gray-300"></div>
+            {Number(index) !== items.length - 1 && (
-          </div>
+              <div className="border-b border-gray-300"></div>
+            )}
+          </>
         ))}
         <div className="flex flex-col items-center">
           <p className="text-lg text-blue-600 mt-5 mb-2">

src/components/Sidebar/SidebarMenu/index.js

@@ -154,6 +154,7 @@ SidebarMenu.defaultProps = {
       subItems: [{ name: "API توسعه دهندگان", num: null }],
     },
   ],
+
   buttons: [
     { icon: moon, title: "حالت شب", leftIcon: moon },
     { icon: logout, title: "خروج از حساب کاربری", leftIcon: null },