Initial Activity View

Add New Colors.jsx
Allow Dark model Toggle from the Navbar

src/contexts/RouterContext.jsx

@@ -5,6 +5,7 @@ import Error from '@/views/Error'
 import Settings from '@/views/Settings/Settings'
 import { RouterProvider, createBrowserRouter } from 'react-router-dom'
 import ForgotPasswordView from '../views/Authorization/ForgotPasswordView'
+import LoginSettings from '../views/Authorization/LoginSettings'
 import LoginView from '../views/Authorization/LoginView'
 import SignupView from '../views/Authorization/Signup'
 import UpdatePasswordView from '../views/Authorization/UpdatePasswordView'
@@ -21,7 +22,7 @@ import TermsView from '../views/Terms/TermsView'
 import TestView from '../views/TestView/Test'
 import ThingsHistory from '../views/Things/ThingsHistory'
 import ThingsView from '../views/Things/ThingsView'
-import LoginSettings from '../views/Authorization/LoginSettings'
+import UserActivities from '../views/User/UserActivities'
 const getMainRoute = () => {
   if (import.meta.env.VITE_IS_LANDING_DEFAULT === 'true') {
     return <Landing />
@@ -66,6 +67,10 @@ const Router = createBrowserRouter([
         path: '/my/chores',
         element: <MyChores />,
       },
+      {
+        path: '/activities',
+        element: <UserActivities />,
+      },
       {
         path: '/login',
         element: <LoginView />,