User authentication

package.json

@@ -72,22 +72,28 @@
     "dotenv": "^16.4.5",
     "geostyler-sld-parser": "^6.1.2",
     "html-to-image": "^1.11.11",
+    "isaac": "^0.0.5",
     "leaflet": "^1.9.4",
     "mapbox-gl": "^3.7.0",
     "prop-types": "^15.8.1",
     "react": "^18.3.1",
     "react-beautiful-dnd": "^13.1.1",
+    "react-cookie": "^7.2.2",
     "react-dom": "^18.3.1",
     "react-draggable": "^4.4.6",
     "react-leaflet": "^4.2.1",
     "react-map-gl": "^7.1.7",
+    "react-native-bcrypt": "^2.4.0",
     "react-query": "^3.39.3",
     "react-resizable": "^3.0.5",
     "react-router-dom": "^6.26.2",
     "recharts": "^2.12.7",
     "stream": "^0.0.3",
     "ws": "^8.18.0"
   },
+  "browser": {
+    "crypto": false
+  },
   "overrides": {
     "json5": "^2.2.2",
     "lodash": "^4.17.11",

src/app.js

@@ -1,7 +1,7 @@
 import React, { Fragment } from 'react';
 import { BrowserRouter, Route, Routes } from "react-router-dom";
 import { Map } from '@components/map';
-import { ObservationDialog } from "@components/dialog/observation-dialog";
+import { ObservationDialog } from "@dialog/observation-dialog";
 import { useLayers } from '@context';
 import { Sidebar } from '@components/sidebar';
 import { ControlPanel } from '@components/control-panel';
@@ -10,6 +10,7 @@ import { MapLegend } from '@components/legend';
 import { AlertUser } from '@components/alert-user';
 import { Config } from '@components/config';
 import { Acknowledgements } from "@components/acknowledgements";
+import { Login, AddUser, AuthProvider, ProtectedRoute } from '@auth';
 
 /**
  * renders the main content
@@ -57,12 +58,14 @@ const Content = () => {
 export const App = () => {
     // render the application
     return (
-        <Fragment>
-            <BrowserRouter>
+        <BrowserRouter>
+            <AuthProvider>
                 <Routes>
-                    <Route path="/" element={ <Content/> } />
-               </Routes>
-            </BrowserRouter>
-        </Fragment>
+                    <Route path="/" element={<ProtectedRoute><Content /></ProtectedRoute>}/>
+                    <Route path="/login" element={<Login />} />
+                    <Route path="/add-user" element={<AddUser />} />
+                </Routes>
+            </AuthProvider>
+        </BrowserRouter>
     );
 };