diff --git a/app/layout.tsx b/app/layout.tsx
index bd2e76d..95d1d0e 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,7 +1,8 @@
 import { Inter } from "next/font/google"
 import "./globals.css"
 import { ThemeProvider } from "@/components/layout/theme-provider"
-import type React from "react" // Import React
+import type React from "react"
+import KeepOnline from "@/components/KeepOnline"
 
 const inter = Inter({ subsets: ["latin"] })
 
@@ -19,6 +20,7 @@ export default function RootLayout({
     <html lang="en" suppressHydrationWarning>
       <body className={inter.className}>
         <ThemeProvider attribute="class" defaultTheme="dark" enableSystem disableTransitionOnChange>
+        <KeepOnline />
           {children}
         </ThemeProvider>
       </body>
diff --git a/components/KeepOnline.ts b/components/KeepOnline.ts
new file mode 100644
index 0000000..b4dc4ce
--- /dev/null
+++ b/components/KeepOnline.ts
@@ -0,0 +1,24 @@
+"use client";
+
+import { useEffect } from "react";
+import { clientFetch } from "@/lib/client-utils";
+
+const KeepOnline = () => { 
+  useEffect(() => {
+    if(window.location.pathname.includes("/dashboard")){
+        const updateOnlineStatus = () => {
+            console.log("Updating online status...");
+            clientFetch("/auth/me");
+        }
+    
+        updateOnlineStatus();
+        const interval = setInterval(updateOnlineStatus, 1000*60*1);
+        
+        return () => clearInterval(interval);
+    }
+  }, []);
+  
+  return null;
+}
+
+export default KeepOnline;
\ No newline at end of file
diff --git a/components/tables/order-table.tsx b/components/tables/order-table.tsx
index 5220cbe..3560806 100644
--- a/components/tables/order-table.tsx
+++ b/components/tables/order-table.tsx
@@ -37,11 +37,11 @@ interface Order {
   orderId: string;
   status: string;
   totalPrice: number;
-  createdAt: string;
+  orderDate: Date;
   telegramUsername?: string;
 }
 
-type SortableColumns = "orderId" | "totalPrice" | "status" | "createdAt";
+type SortableColumns = "orderId" | "totalPrice" | "status" | "orderDate";
 
 interface StatusConfig {
   icon: React.ElementType;
@@ -59,7 +59,7 @@ export default function OrderTable() {
   const [sortConfig, setSortConfig] = useState<{
     column: SortableColumns;
     direction: "asc" | "desc";
-  }>({ column: "createdAt", direction: "desc" });
+  }>({ column: "orderDate", direction: "desc" });
   const [selectedOrders, setSelectedOrders] = useState<Set<string>>(new Set());
   const ITEMS_PER_PAGE = 10;
 
@@ -213,7 +213,7 @@ export default function OrderTable() {
             <TableHead className="cursor-pointer" onClick={() => handleSort("status")}>
               Status <ArrowUpDown className="ml-2 inline h-4 w-4" />
             </TableHead>
-            <TableHead className="cursor-pointer" onClick={() => handleSort("createdAt")}>
+            <TableHead className="cursor-pointer" onClick={() => handleSort("orderDate")}>
               Date <ArrowUpDown className="ml-2 inline h-4 w-4" />
             </TableHead>
             <TableHead>Buyer</TableHead>
@@ -255,7 +255,7 @@ export default function OrderTable() {
                     </div>
                   </TableCell>
                   <TableCell>
-                    {new Date(order.createdAt).toLocaleDateString("en-GB")}
+                    {new Date(order.orderDate).toLocaleDateString("en-GB")}
                   </TableCell>
                   <TableCell>
                     {order.telegramUsername ? `@${order.telegramUsername}` : "-"}
