protected route

client/src/components/PrivateRoute.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Navigate } from 'react-router-dom';  // Use Navigate for redirect
+import Cookies from "js-cookie";
+
+const PrivateRoute = ({ element: Element, ...rest }) => {
+  const token = Cookies.get("token");  
+
+  // If token exists, render the element. Otherwise, redirect to the login page
+  return token ? Element : <Navigate to="/" />;
+};
+
+export default PrivateRoute;