diff --git a/src/app/(dashboard)/consultation-reservations/BookedUsersTable.jsx b/src/app/(dashboard)/consultation-reservations/BookedUsersTable.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..f16e4861bbc96cf3464c135cf1883a34d4a2b4ba
--- /dev/null
+++ b/src/app/(dashboard)/consultation-reservations/BookedUsersTable.jsx
@@ -0,0 +1,43 @@
+import React from 'react'
+import EditIcon from "@/static/image/svg/edit.svg";
+import DeleteIcon from "@/static/image/svg/trash-bold.svg";
+
+
+const BookedUsersTable = ({bookedPlaces, presence}) => {
+    return (
+        <>
+            <div className="w-full bg-white flex flex-col justify-center p-5 rounded-xl border border-neutral-300">
+                {presence &&
+                    <ul className="list-outside text-orange-400 list-disc px-4">
+                    <li className='text-neutral-700 font-medium w-3/4'>Liste des collaborateurs ayant confirmé
+                    leur présence :</li>
+                    </ul>}
+                {!presence &&
+                    <ul className="list-outside text-sky-400 list-disc px-4">
+                        <li className='text-neutral-700 font-medium w-3/4'>Liste des collaborateurs ayant réservé
+                            sans être présents :</li>
+                    </ul>}
+                <table className="min-w-full bg-white border-collapse border border-white text-sm">
+                    <thead>
+                    <tr>
+                        <th className="p-1 pl-0 pb-0 text-left md:px-4 border-b border-white">Nom</th>
+                        <th className="p-1 pl-0 pb-0 text-left md:px-4 border-b border-white">Prénom</th>
+                        <th className="p-1 pl-0 pb-0 text-left md:px-4 border-b border-white">Projet</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    {bookedPlaces.filter((bookedPlace) => bookedPlace.presence === presence).map((bookedPlace, index) => (
+                        <tr key={index} className="odd:bg-chicago-100 hover:bg-chicago-200">
+                            <td className="p-1 md:px-4 border-x-4 border-y-2 border-white text-left">{bookedPlace.first_name}</td>
+                            <td className="p-1 md:px-4 border-x-4 border-y-2 border-white text-left">{bookedPlace.last_name}</td>
+                            <td className="p-1 md:px-4 border-x-4 border-y-2 border-white text-left">{bookedPlace.project_name}</td>
+                        </tr>
+                    ))}
+                    </tbody>
+                </table>
+            </div>
+        </>
+    )
+}
+
+export default BookedUsersTable
\ No newline at end of file
diff --git a/src/app/(dashboard)/consultation-reservations/page.jsx b/src/app/(dashboard)/consultation-reservations/page.jsx
index 32ddab3a79827fd99307377b5c0ecaf8b78fe2fd..43f20d119706dcc5d26cfa020e468d82f71d6d2a 100644
--- a/src/app/(dashboard)/consultation-reservations/page.jsx
+++ b/src/app/(dashboard)/consultation-reservations/page.jsx
@@ -7,6 +7,8 @@ import Loader from '@/components/Loader/Loader'
 import {useNotification} from '@/context/NotificationContext'
 import ArrowUturnLeft from "@/static/image/svg/arrow-uturn-left.svg";
 import SearchIcon from "@/static/image/svg/search.svg";
+import Select from "react-select";
+import BookedUsersTable from "@/app/(dashboard)/consultation-reservations/BookedUsersTable";
 
 export const ReservationContext = React.createContext()
 
@@ -23,6 +25,7 @@ const Reservation = () => {
     const [floors, setFloors] = useState([])
     const [selectedZone, setSelectedZone] = useState({floorId: null, zoneId: null})
     const [NameProjectFilter, setNameProjectFilter] = useState("")
+
     useEffect(() => {
         const getPlan = async () => {
             try {
@@ -45,7 +48,6 @@ const Reservation = () => {
         getPlan()
     }, [])
 
-
     useEffect(() => {
         const getSyncData = async () => {
             const getProjectsData = async () => {
@@ -83,7 +85,8 @@ const Reservation = () => {
                         created_at: element.created_at,
                         first_name: element.id_user.first_name,
                         last_name: element.id_user.last_name,
-                        role: element.id_user.role.name
+                        role: element.id_user.role.name,
+                        project_name: element.id_user.projects[0].nom
                     })))
                 } else {
                     console.log(errors)
@@ -147,13 +150,14 @@ const Reservation = () => {
             console.log("day", dateSelected.day);
             setDate({day: dateSelected.day, week: dateSelected.weekMonthly, date: dateSelected.date})
             // setSelectedEtage(null)
-            setSelectedZone({floorId: null, zoneId: null})
+            // setSelectedZone({floorId: null, zoneId: null})
         } else {
             setDate({day: null, week: null})
             // setSelectedEtage(null)
         }
     }
 
+
     const concernedZones = filteredProjectsData?.map((element) => element.zones.map((zone) => zone.id)).flatMap((element) => element) || []
     const concernedFloors = floors?.filter((element) => element.zones.map((zone) => zone.id).some((element) => concernedZones.includes(element))).map(element => element.id) || []
     const allPlaces = filteredProjectsData?.map((project) => project.zones.map((zone) => zone.places.map((place) => ({
@@ -193,6 +197,11 @@ const Reservation = () => {
 
     const selectedZoneData = floors.find((element) => element.id == selectedZone.floorId)?.zones.find((zone) => zone.id === selectedZone.zoneId)
 
+    const handleProjectChange = (selectedOption) => {
+        const selectedProjects = selectedOption.map((element) => element.value)
+        setFilteredProjectsData(projectsData.filter((element) => selectedProjects.includes(element.project_id)))
+    }
+
     return (
         <>
             <div
@@ -215,21 +224,71 @@ const Reservation = () => {
             <div className='w-full bg-white flex flex-col justify-center pt-2 p-5 rounded-xl border border-neutral-300'>
                 <h2 className='text-lg text-neutral-700 font-medium'>Recherche</h2>
                 <div className='flex my-2 flex-wrap w-full items-center gap-3'>
-                    <div className='flex flex-col gap-y-2 w-full md:w-auto md:flex-1 md:max-w-[300px] min-w-[220px]'>
-                        <label htmlFor="name" className='text-neutral-600 text-sm'>Nom de projet</label>
-                        <input
-                            value={NameProjectFilter}
-                            onChange={(event) => setNameProjectFilter(event.target.value)}
-                            type="text" name="name" id="name"
-                            className="rounded-md px-3 w-full duration-150 delay-75 focus:ring ring-offset-1 ring-sushi-200 border h-10 border-neutral-300 outline-none"/>
+                    <div
+                        className='flex flex-col gap-y-2 w-auto flex-wrap min-w-[150px] md:min-w-[200px] lg:min-w-[260px]'>
+                        <label className='text-neutral-600 text-sm'>Projets</label>
+                        <Select
+                            placeholder=""
+                            isSearchable={true}
+                            value={projectsData.filter((element) => filteredProjectsData.map((element) => element.project_id).includes(element.project_id)).map((element) => ({
+                                label: element.project_name,
+                                value: element.project_id
+                            }))}
+                            isMulti
+                            name="projects"
+                            onChange={handleProjectChange}
+                            options={projectsData.map((element) => ({
+                                label: element.project_name,
+                                value: element.project_id
+                            }))}
+                            styles={
+                                {
+                                    menu: (provided) => ({
+                                        ...provided,
+                                        maxHeight: '170px',
+                                        overflowY: 'auto'
+                                    }),
+                                    menuList: (provided) => ({
+                                        ...provided,
+                                        maxHeight: '170px',
+                                        overflowY: 'auto'
+                                    }),
+                                    control: (provided, state) => ({
+                                        ...provided,
+                                        borderColor: state.isFocused ? '#93a84c' : 'rgb(212 212 212)',
+                                        borderWidth: "1px",
+                                        boxShadow: 'none',
+                                        borderRadius: "0.375rem",
+                                        minHeight: "2.5rem",
+                                    }),
+                                    option: (provided, state) => ({
+                                        ...provided,
+                                        backgroundColor: state.isSelected ? '#D3E193' : state.isFocused ? '#d9e1b5' : 'white',
+                                        color: state.isSelected ? 'black' : 'inherit',
+                                        '&:hover': {
+                                            backgroundColor: '#d9e1b5', // Tailwind's blue-200
+                                        },
+                                    }),
+                                }
+                            }
+                        />
                     </div>
+                    {/*<div className='flex flex-col gap-y-2 w-full md:w-auto md:flex-1 md:max-w-[300px] min-w-[220px]'>*/}
+                    {/*    <label htmlFor="name" className='text-neutral-600 text-sm'>Nom de projet</label>*/}
+                    {/*    <input*/}
+                    {/*        value={NameProjectFilter}*/}
+                    {/*        onChange={(event) => setNameProjectFilter(event.target.value)}*/}
+                    {/*        type="text" name="name" id="name"*/}
+                    {/*        className="rounded-md px-3 w-full duration-150 delay-75 focus:ring ring-offset-1 ring-sushi-200 border h-10 border-neutral-300 outline-none"/>*/}
+                    {/*</div>*/}
                     <div className='flex flex-col gap-y-2 w-full md:w-auto md:flex-1 md:max-w-[300px] min-w-[220px]'>
                         <label htmlFor="etage" className='text-neutral-600 text-sm'>Étage</label>
                         <select
                             value={(selectedZone.floorId) ? selectedZone.floorId : ""}
                             onChange={(event) => {
                                 //     event.target.value to int
-                                setSelectedZone({floorId: parseInt(event.target.value), zoneId: null})}}
+                                setSelectedZone({floorId: parseInt(event.target.value), zoneId: null})
+                            }}
                             disabled={!(date.day && date.week) || isLoadingData}
                             name="etage"
                             id='etage'
@@ -247,7 +306,10 @@ const Reservation = () => {
                         <label htmlFor="zone" className='text-neutral-600 text-sm'>Zone</label>
                         <select
                             value={(selectedZone.zoneId) ? selectedZone.zoneId : ""}
-                            onChange={(event) => setSelectedZone({floorId: selectedZone.floorId, zoneId: parseInt(event.target.value)})}
+                            onChange={(event) => setSelectedZone({
+                                floorId: selectedZone.floorId,
+                                zoneId: parseInt(event.target.value)
+                            })}
                             disabled={!(date.day && date.week) || !selectedZone.floorId || isLoadingData}
                             name="zone"
                             id='zone'
@@ -266,11 +328,10 @@ const Reservation = () => {
                 <div className='flex w-full items-center mt-4 justify-end gap-2'>
                     <button
                         className="h-9 px-5 disabled:opacity-60 space-x-2 disabled:cursor-not-allowed enabled:hover:-translate-y-1 duration-200 delay-75 enabled:hover:shadow-lg will-change-transform border-2 border-sushi-500 rounded-md text-sushi-500 flex items-center justify-center"
-                        onClick={() => setFilter({
-                            projectName: "",
-                            etage: "",
-                            zone: "",
-                        })}
+                        onClick={() => {
+                            setSelectedZone({floorId: null, zoneId: null})
+                            setNameProjectFilter("")
+                        } }
                     >
                         <ArrowUturnLeft className=" h-5 w-5"/>
                         <p>Réinitialiser</p>
@@ -359,6 +420,10 @@ const Reservation = () => {
                         </div>
                     }
                 </div>
+                <div className='flex flex-row gap-x-4 w-full'>
+                    <BookedUsersTable bookedPlaces={bookedPlaces} presence={true}/>
+                <BookedUsersTable bookedPlaces={bookedPlaces} presence={false}/>
+                </div>
             </div>
         </>
     )
diff --git a/src/app/(dashboard)/projects/ProjectsFilter.jsx b/src/app/(dashboard)/projects/ProjectsFilter.jsx
index 13f6c1b5ab745b133d33a6cb0c4d18cd00ca766d..c9f8ff450da2ca068058c29a6954f831e48d8903 100644
--- a/src/app/(dashboard)/projects/ProjectsFilter.jsx
+++ b/src/app/(dashboard)/projects/ProjectsFilter.jsx
@@ -2,45 +2,56 @@ import React, {useState} from 'react'
 import SearchIcon from "@/static/image/svg/search.svg"
 import ArrowUturnLeft from "@/static/image/svg/arrow-uturn-left.svg"
 
-const ProjectsFilter = ({setFilter}) => {
+const ProjectsFilter = ({setFilter, filter}) => {
     const handleChangeFilter = (event) => {
         const name = event.target.name
         const value = event.target.value
         setFilter((filter) => ({...filter, [name]: value}))
     }
 
+    const resetFilter = () => {
+        setFilter({
+            name: "",
+            user_count: "",
+            name_client: "",
+            status: "",
+            date_debut: "",
+            date_fin: ""
+        })
+    }
+
     return (
         <div className='w-full bg-white flex flex-col justify-center pt-2 p-5 rounded-xl border border-neutral-300'>
             <h2 className='text-lg text-neutral-700 font-medium'>Recherche</h2>
             <div className='flex my-2 flex-wrap w-full items-center gap-3'>
                 <div className='flex flex-col gap-y-2 w-full md:w-auto md:flex-1 md:max-w-[300px] min-w-[220px]'>
                     <label htmlFor="name" className='text-neutral-600 text-sm'>Nom de projet</label>
-                    <input onInput={handleChangeFilter} type="text" name="name" id="name"
+                    <input value={filter.name || ""} onInput={handleChangeFilter} type="text" name="name" id="name"
                            className="rounded-md px-3 w-full duration-150 delay-75 focus:ring ring-offset-1 ring-sushi-200 border h-10 border-neutral-300 outline-none"/>
                 </div>
                 <div className='flex flex-col gap-y-2 w-full md:w-auto md:flex-1 md:max-w-[300px] min-w-[220px]'>
                     <label htmlFor="user_count" className='text-neutral-600 text-sm'>Nombres d’équipes</label>
-                    <input onInput={handleChangeFilter} type="number" name="user_count" id="user_count"
+                    <input value={filter.user_count || ""} onInput={handleChangeFilter} type="number" name="user_count" id="user_count"
                            className="rounded-md px-3 w-full duration-150 delay-75 focus:ring ring-offset-1 ring-sushi-200 border h-10 border-neutral-300 outline-none"/>
                 </div>
                 <div className='flex flex-col gap-y-2 w-full md:w-auto md:flex-1 md:max-w-[300px] min-w-[220px]'>
                     <label htmlFor="name_client" className='text-neutral-600 text-sm'>Nom du client</label>
-                    <input onInput={handleChangeFilter} type="text" name="name_client" id="name_client"
+                    <input value={filter.name_client || ""} onInput={handleChangeFilter} type="text" name="name_client" id="name_client"
                            className="rounded-md px-3 w-full duration-150 delay-75 focus:ring ring-offset-1 ring-sushi-200 border h-10 border-neutral-300 outline-none"/>
                 </div>
                 <div className='flex flex-col gap-y-2 w-full md:w-auto md:flex-1 md:max-w-[300px] min-w-[220px]'>
                     <label htmlFor="status" className='text-neutral-600 text-sm'>Statut</label>
-                    <input onInput={handleChangeFilter} type="text" name="status" id="status"
+                    <input value={filter.status || ""} onInput={handleChangeFilter} type="text" name="status" id="status"
                            className="rounded-md px-3 w-full duration-150 delay-75 focus:ring ring-offset-1 ring-sushi-200 border h-10 border-neutral-300 outline-none"/>
                 </div>
                 <div className='flex flex-col gap-y-2 w-full md:w-auto md:flex-1 md:max-w-[300px] min-w-[220px]'>
                     <label htmlFor="date_debut" className='text-neutral-600 text-sm'>Date de début</label>
-                    <input onInput={handleChangeFilter} type="date" name="date_debut" id="date_debut"
+                    <input value={filter.date_debut || ""} onInput={handleChangeFilter} type="date" name="date_debut" id="date_debut"
                            className="rounded-md px-3 w-full duration-150 delay-75 focus:ring ring-offset-1 ring-sushi-200 border h-10 border-neutral-300 outline-none"/>
                 </div>
                 <div className='flex flex-col gap-y-2 w-full md:w-auto md:flex-1 md:max-w-[300px] min-w-[220px]'>
                     <label htmlFor="date_fin" className='text-neutral-600 text-sm'>Date de fin</label>
-                    <input onInput={handleChangeFilter} type="date" name="date_fin" id="date_fin"
+                    <input value={filter.date_fin || ""} onInput={handleChangeFilter} type="date" name="date_fin" id="date_fin"
                            className="rounded-md px-3 w-full duration-150 delay-75 focus:ring ring-offset-1 ring-sushi-200 border h-10 border-neutral-300 outline-none"/>
                 </div>
 
@@ -48,15 +59,7 @@ const ProjectsFilter = ({setFilter}) => {
             <div className='flex w-full items-center mt-4 justify-end gap-2'>
                 <button
                     className="h-9 px-5 disabled:opacity-60 space-x-2 disabled:cursor-not-allowed enabled:hover:-translate-y-1 duration-200 delay-75 enabled:hover:shadow-lg will-change-transform border-2 border-sushi-500 rounded-md text-sushi-500 flex items-center justify-center"
-                    onClick={() => setFilter({
-                        name: "",
-                        user_count: "",
-                        name_client: "",
-                        status: "",
-                        date_debut: "",
-                        date_fin: ""
-                    })}
-                >
+                    onClick={resetFilter}>
                     <ArrowUturnLeft className=" h-5 w-5"/>
                     <p>Réinitialiser</p>
                 </button>
diff --git a/src/app/(dashboard)/projects/page.jsx b/src/app/(dashboard)/projects/page.jsx
index c6deb1db2bdde43797dce8afb9ac727e4933b4d7..d35d5bcf0bea7c5cda68de63ea7f4901d6745293 100644
--- a/src/app/(dashboard)/projects/page.jsx
+++ b/src/app/(dashboard)/projects/page.jsx
@@ -145,7 +145,7 @@ const Projects = () => {
 
     return (
         <>
-            <ProjectsFilter setFilter={setFilter}/>
+            <ProjectsFilter setFilter={setFilter} filter={filter}/>
             <div
                 className="w-full bg-white flex flex-col items-center p-5 rounded-xl border border-neutral-300">
                 <div className='flex items-start w-full justify-between mb-3'>
diff --git a/src/app/auth/login/page.jsx b/src/app/auth/login/page.jsx
index 6ed5663b2f57400336156142df10496db5f2ef34..62afb337d3584b2bc9ab1596e538a396f167201e 100644
--- a/src/app/auth/login/page.jsx
+++ b/src/app/auth/login/page.jsx
@@ -1,10 +1,10 @@
 'use client';
 
-import { useState } from 'react';
+import {useState} from 'react';
 import Link from 'next/link';
 import Cookies from 'js-cookie';
-import { createSession } from "@/app/lib/session";
-import { useRouter } from 'next/navigation'
+import {createSession} from "@/app/lib/session";
+import {useRouter} from 'next/navigation'
 import Loader from '@/components/Loader/Loader';
 import UserIcon from "@/static/image/svg/perm_identity.svg";
 import VisibilityIcon from "@/static/image/svg/visibility_off.svg";
@@ -35,7 +35,7 @@ const LoginPage = () => {
                 headers: {
                     'Content-Type': 'application/json',
                 },
-                body: JSON.stringify({ username, password }),
+                body: JSON.stringify({username, password}),
             });
             const data = await response.json();
             console.log(data)
@@ -44,7 +44,12 @@ const LoginPage = () => {
                 setMessages("Email ou mot de passe incorrect. Veuillez réessayer.");
             } else {
                 await createSession(data);
-                router.push('/');
+                // if role ='super-admin'or 'rh' role redirect to reporting
+                if (data.role === 'super-admin' || data.role === 'rh') {
+                    router.push('/reporting')
+                } else {
+                    router.push('/reservation');
+                }
             }
         } catch (error) {
             setMessages('An error occurred');
@@ -53,43 +58,48 @@ const LoginPage = () => {
     return (
         <>
             <form onSubmit={login} className=" flex flex-col items-center justify-center relative md:mx-32">
-                <div className="w-full md:min-h-0 min-h-screen md:justify-start items-center justify-center py-14 rounded-lg flex flex-col">
+                <div
+                    className="w-full md:min-h-0 min-h-screen md:justify-start items-center justify-center py-14 rounded-lg flex flex-col">
                     <Image src={TeambookVertical} alt={TeambookVertical} width={250} height={70}/>
                     <h1 className="text-2xl font-semibold text-sushi-500 mt-8">Connectez-vous à notre plateforme</h1>
-                    <h2 className="text-chicago-700">Vous n avez pas de compte ?<span className="text-sushi-500"> Créer un compte </span></h2>
+                    <h2 className="text-chicago-700">Vous n avez pas de compte ?<span className="text-sushi-500"> Créer un compte </span>
+                    </h2>
                     <div className="flex flex-col md:w-2/3 sm:w-9/12 w-11/12 mt-16">
                         <label htmlFor="username" className="text-chicago-700 mb-0.5">Email</label>
                         <div className="relative">
-                        <input
-                            className="w-full py-6 rounded-md px-3 duration-150 delay-75 focus:ring ring-offset-1 ring-sushi-200 border h-10 border-neutral-300 outline-none"
-                            type="text"
-                            name="username"
-                            id="username"
-                            placeholder="Email@teamwillgroup.com"
-                            value={username}
-                            onChange={(e) => setUsername(e.target.value)}
-                        />
-                        <UserIcon className="absolute right-3 top-1/2 transform -translate-y-1/2 text-chicago-700 h-6 w-6" />
+                            <input
+                                className="w-full py-6 rounded-md px-3 duration-150 delay-75 focus:ring ring-offset-1 ring-sushi-200 border h-10 border-neutral-300 outline-none"
+                                type="text"
+                                name="username"
+                                id="username"
+                                placeholder="Email@teamwillgroup.com"
+                                value={username}
+                                onChange={(e) => setUsername(e.target.value)}
+                            />
+                            <UserIcon
+                                className="absolute right-3 top-1/2 transform -translate-y-1/2 text-chicago-700 h-6 w-6"/>
                         </div>
                     </div>
                     <div className="flex flex-col md:w-2/3 sm:w-9/12 w-11/12 mt-8 md:mt-5">
                         <label htmlFor="password" className="text-chicago-700 mb-0.5">Mot de passe</label>
                         <div className="relative">
-                        <input
-                            className="w-full py-6 rounded-md px-3 duration-150 delay-75 focus:ring ring-offset-1 ring-sushi-200 border h-10 border-neutral-300 outline-none"
-                            type="password"
-                            name="password"
-                            id="password"
-                            placeholder="Mot de passe"
-                            value={password}
-                            onChange={(e) => setPassword(e.target.value)}
-                        />
-                        <VisibilityIcon className="absolute right-3 top-1/2 transform -translate-y-1/2 text-chicago-700 h-6 w-6" />
+                            <input
+                                className="w-full py-6 rounded-md px-3 duration-150 delay-75 focus:ring ring-offset-1 ring-sushi-200 border h-10 border-neutral-300 outline-none"
+                                type="password"
+                                name="password"
+                                id="password"
+                                placeholder="Mot de passe"
+                                value={password}
+                                onChange={(e) => setPassword(e.target.value)}
+                            />
+                            <VisibilityIcon
+                                className="absolute right-3 top-1/2 transform -translate-y-1/2 text-chicago-700 h-6 w-6"/>
                         </div>
                     </div>
                     <div className="flex flex-col items-end md:w-2/3 sm:w-9/12 w-11/12">
                         <Link href="/auth/forgot-password">
-                            <p className="hover:underline hover:text-[#95A4FC] text-chicago-700 text-right mt-2">Mot de passe oublié?</p>
+                            <p className="hover:underline hover:text-[#95A4FC] text-chicago-700 text-right mt-2">Mot de
+                                passe oublié?</p>
                         </Link>
                     </div>
                     <button
@@ -97,7 +107,7 @@ const LoginPage = () => {
                         type="submit"
                         className="md:w-2/3 sm:w-9/12 w-11/12 hover:-translate-y-1 disabled:cursor-not-allowed duration-200 delay-75 flex items-center justify-center hover:bg-sushi-500/70 bg-sushi-500 py-3 rounded-md text-white md:mt-10 will-change-transform mt-20"
                     >
-                        {!isLoading ? "Se connecter" : <Loader size={"23px"} color="white" border="3px" />}
+                        {!isLoading ? "Se connecter" : <Loader size={"23px"} color="white" border="3px"/>}
                     </button>
                     {messages && (
                         <p className="bg-red-50 border border-red-400 text-red-700 px-3 py-2 rounded my-1 md:w-2/3 sm:w-9/12 w-11/12">
diff --git a/src/middleware.js b/src/middleware.js
index c746b7621632da09b58f027f315ceedec13ef4ce..98b344147d38c058b220ed5bec6e4ec559c982eb 100644
--- a/src/middleware.js
+++ b/src/middleware.js
@@ -28,10 +28,10 @@ export default async function middleware(req) {
     const hasPrivileges = userPrivileges.some(privilege => path.startsWith(`/${privilege}`));
     console.log('hasPrivileges', hasPrivileges)
 
-    // if (isProtectedRoute && !hasPrivileges) {
-    //     console.log('.')
-    //     return NextResponse.redirect(new URL('/no-access', req.nextUrl));
-    // }
+    if (isProtectedRoute && !hasPrivileges) {
+        console.log('.')
+        return NextResponse.redirect(new URL('/no-access', req.nextUrl));
+    }
 
     // 7. Redirect to /dashboard if the user is authenticated
     if (