Create private route component Issue #230 resolved

[teenananana]

Description

Implemented a PrivateRoute component to protect routes requiring authentication in the EcoHabit application.

Changes Made

• Created PrivateRoute component in client/src/components/PrivateRoute/PrivateRoute.jsx
• Added index file for clean imports (client/src/components/PrivateRoute/index.js)
• Integrated PrivateRoute into the routing configuration in Routes.js
• Protected routes: /profile, /logout, and /Demo now require authentication
• Public routes remain accessible without login: home, locations, guides, about, login, terms

Implementation Details

• Uses React Router v6's Outlet component for nested route rendering
• Checks authentication via localStorage token (authToken)
• Redirects unauthenticated users to /login page
• Preserves attempted location for post-login redirect using useLocation
• Fully compatible with existing createBrowserRouter structure

How to Test

1. Start the application (backend and frontend)
2. Without logging in, try accessing /profile - should redirect to /login
3. Try accessing /Demo without auth - should redirect to /login
4. Log in with valid credentials
5. After login, verify you can access /profile, /logout, and /Demo
6. Log out and verify you're redirected when trying to access protected routes again

Related Issue

Fixes #230