refactor(cards): messing with the time in the cards

frontend/src/components/dashboard/AddCards.tsx

@@ -34,6 +34,7 @@ export function AddCards() {
                         <Cards name={"inv-materials"} rowType={"materials"} />
                         <Cards name={"inv-packaging"} rowType={"packaging"} />
                         <Cards name={"inv-waste"} rowType={"waste"} />
+                        <Cards name={"openOrder"} inventory />
                     </div>
                 </div>
 

frontend/src/components/dashboard/DashBoard.tsx

@@ -1,10 +1,12 @@
 import { useCardStore } from "@/lib/store/useCardStore";
 import INVCheckCard from "../logistics/warehouse/InventoryCard";
 import PPOO from "../logistics/warehouse/PPOOCard";
+import OpenOrders from "../logistics/warehouse/openOrders";
 
 const componentsMap: any = {
     ppoo: PPOO,
     inv: INVCheckCard,
+    openOrder: OpenOrders,
     //QualityRequest,
 };
 
@@ -18,12 +20,19 @@ export default function DashBoard() {
                 const name = a.name; //.filter((c) => c.i === card.i)[0].i || "name";
 
                 const Component = componentsMap[name.split("-")[0]];
-
-                return (
-                    <div key={a.name} className="col-span-3">
-                        <Component age={a.age} type={a.rowType} />{" "}
-                    </div>
-                );
+                if (name === "openOrder") {
+                    return (
+                        <div key={a.name} className="col-span-6">
+                            <Component age={a.age} type={a.rowType} />
+                        </div>
+                    );
+                } else {
+                    return (
+                        <div key={a.name} className="col-span-3">
+                            <Component age={a.age} type={a.rowType} />
+                        </div>
+                    );
+                }
             })}
         </div>
     );