app/(application)/notification.tsx

@@ -78,6 +78,15 @@ export default function Notification() {
    }, [data])
 
    const listData = useMemo<ListRow[]>(() => {
+      const BULAN: Record<string, number> = {
+         'JAN': 0, 'FEB': 1, 'MAR': 2, 'APR': 3, 'MEI': 4, 'JUN': 5,
+         'JUL': 6, 'AGU': 7, 'SEP': 8, 'OKT': 9, 'NOV': 10, 'DES': 11,
+      }
+      const parseDate = (str: string) => {
+         const [d, m, y] = str.split(' ')
+         return new Date(Number(y), BULAN[m] ?? 0, Number(d)).getTime()
+      }
+
       const groups: Record<string, Props[]> = {}
       const dateOrder: string[] = []
 
@@ -89,6 +98,8 @@ export default function Notification() {
          groups[item.createdAt].push(item)
       })
 
+      dateOrder.sort((a, b) => parseDate(b) - parseDate(a))
+
       const result: ListRow[] = []
       dateOrder.forEach((date) => {
          result.push({ _type: 'header', date })