Convert UserList

frontend/src/admin.js

@@ -4,7 +4,7 @@ import { Navigate, Route, Routes } from 'react-router-dom';
 import ElementWrapper from './components/elementWrapper';
 
 import AdminHome from './pages/admin/home';
-import { UserList } from './pages/admin/user-list';
+import UserList from './pages/admin/user-list';
 import UserEdit from './pages/admin/user-edit';
 import ProjectList from './pages/admin/project-list';
 import ProjectEdit from './pages/admin/project-edit';
@@ -36,7 +36,7 @@ const Admin = () => {
         element={<AdminPage/>}
       >
         <Route path="home" element={<AdminHome/>} />
-        <Route path="users" element={<ElementWrapper routeElement={UserList} />} />
+        <Route path="users" element={<UserList />} />
         <Route path="users/:id" element={<ElementWrapper routeElement={UserEdit} />} />
         <Route path="projects" element={<ProjectList/>} />
         <Route path="projects/:id" element={<ProjectEdit/>} />

frontend/src/pages/admin/project-list.js

@@ -26,16 +26,17 @@ const COLUMNS = ['Title', 'Name', 'Owner', ''];
 
 const ProjectList = () => {
   const [filterText, setFilterText] = useState('');
-  const [filteredProjects, setFilteredProjects] = useState([]);
   const [activeFilters, setActiveFilters] = useState({});
+
   const [page, setPage] = useState(1);
   const [pageSize, setPageSize] = useState(20);
+  const [totalItems, setTotalItems] = useState(0);
 
   const [projects, setProjects] = useState([]);
+  const [filteredProjects, setFilteredProjects] = useState([]);
+  const [selectedProject, setSelectedProject] = useState();
 
-  const [totalItems, setTotalItems] = useState(0);
   const [isError, setIsError] = useState(false);
-  const [selectedProject, setSelectedProject] = useState();
   const [isDeleting, setIsDeleting] = useState(false);
   const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);