Create Protected Routes and Role-Based Redirects

Project Overview: We are looking for a developer to implement secure route protection and role-based access control (RBAC) for our user dashboard layout. Expected Output: - Create a reusable wrapper component to protect dashboard sub-routes from unauthorized/unauthenticated sessions. - Implement conditional logic to check user roles (e.g., separating "Client" views from "Freelancer" views). - Ensure unauthenticated users trying to access protected links are smoothly redirected back to the `/login` page with a callback query parameter. Required Skills: - ReactJS & React Router DOM (or Next.js Middleware/App Router layout protection) - Experience reading authentication states (NextAuth.js / Auth.js sessions preferred) - Understanding of client-side vs server-side routing security Important Details: The authentication login flow and user profiles are already set up and providing session data. Your task is strictly creating the wrapper logic, handling the conditional redirect routing, and testing edge cases.