Refactor KeepOnline logic and add useKeepOnline hook

Moved dashboard path check from KeepOnline to a new KeepOnlineWrapper component for cleaner separation of concerns. Introduced a reusable useKeepOnline hook to encapsulate the online status update logic. Updated layout to use KeepOnlineWrapper and simplified KeepOnline. Minor cleanup in broadcast-dialog.tsx.

components/KeepOnline.ts

@@ -1,21 +1,15 @@
 "use client";
 
-import { useEffect } from "react";
-import { clientFetch } from "@/lib/api";
+import { useKeepOnline } from "@/hooks/useKeepOnline";
 
 const KeepOnline = () => { 
-  useEffect(() => {
-    if(window.location.pathname.includes("/dashboard")){
-        const updateOnlineStatus = () => {
-            console.log("Updating online status...");
-            clientFetch('/auth/me');
-        }
-    
-        const interval = setInterval(updateOnlineStatus, 1000*60*1);
-        
-        return () => clearInterval(interval);
+  useKeepOnline({
+    interval: 1000 * 60 * 1, // 1 minute
+    enabled: true,
+    onError: (error) => {
+      console.error("Keep online error:", error);
     }
-  }, []);
+  });
   
   return null;
 }

components/layout/KeepOnlineWrapper.tsx

@@ -0,0 +1,17 @@
+"use client";
+
+import { usePathname } from "next/navigation";
+import KeepOnline from "@/components/KeepOnline";
+
+const KeepOnlineWrapper = () => {
+  const pathname = usePathname();
+  
+  // Only render KeepOnline on dashboard pages
+  if (!pathname?.includes("/dashboard")) {
+    return null;
+  }
+  
+  return <KeepOnline />;
+};
+
+export default KeepOnlineWrapper; 

components/modals/broadcast-dialog.tsx

@@ -29,7 +29,6 @@ export default function BroadcastDialog({ open, setOpen }: BroadcastDialogProps)
   const handleImageSelect = (event: React.ChangeEvent<HTMLInputElement>) => {
     const file = event.target.files?.[0];
     if (file) {
-      // Magic 10 MB Limit 
       if (file.size > 10 * 1024 * 1024) {
         toast.error("Image size must be less than 10MB");
         return;