show escalation in po list view

src/components/PoSearch/PoSearch.tsx

@@ -10,6 +10,7 @@ import { EditNote } from "@mui/icons-material";
 import { Button, Grid, Tab, Tabs, TabsProps, Typography } from "@mui/material";
 import QrModal from "../PoDetail/QrModal";
 import { WarehouseResult } from "@/app/api/warehouse";
+import NotificationIcon from '@mui/icons-material/NotificationImportant';
 
 type Props = {
   po: PoResult[];
@@ -64,6 +65,13 @@ const PoSearch: React.FC<Props> = ({ po, warehouse }) => {
         name: "status",
         label: t("Status"),
       },
+      {
+        name: "escalated",
+        label: t("Escalated"),
+        renderCell: (params) => {
+          return params.escalated ? <NotificationIcon color="warning"/> : undefined
+      }
+      },
       // {
       //   name: "name",
       //   label: t("Name"),

src/components/PoSearch/PoSearchWrapper.tsx

@@ -37,7 +37,7 @@ const PoSearchWrapper: React.FC<Props> & SubComponents = async (
   const fixPoDate = po.map((p) => {
     return ({
       ...p,
-      orderDate: dayjs(p.orderDate).format(OUTPUT_DATE_FORMAT)
+      orderDate: dayjs(p.orderDate).add(-1, "month").format(OUTPUT_DATE_FORMAT)
     })
   })
   return <PoSearch po={fixPoDate} warehouse={warehouse}/>;