misc: addressed comments

backend/src/server/routes/v1/admin-router.ts

@@ -93,7 +93,7 @@ export const registerAdminRouter = async (server: FastifyZodProvider) => {
       querystring: z.object({
         searchTerm: z.string().default(""),
         offset: z.coerce.number().default(0),
-        limit: z.coerce.number().default(20)
+        limit: z.coerce.number().max(100).default(20)
       }),
       response: {
         200: z.object({

frontend/src/views/admin/DashboardPage/UserPanel.tsx

@@ -24,10 +24,8 @@ import { useAdminDeleteUser, useAdminGetUsers } from "@app/hooks/api";
 import { UsePopUpState } from "@app/hooks/usePopUp";
 
 const UserPanelTable = ({
-  searchUserFilter,
   handlePopUpOpen
 }: {
-  searchUserFilter: string;
   handlePopUpOpen: (
     popUpName: keyof UsePopUpState<["removeUser"]>,
     data: {
@@ -36,6 +34,7 @@ const UserPanelTable = ({
     }
   ) => void;
 }) => {
+  const [searchUserFilter, setSearchUserFilter] = useState("");
   const { user } = useUser();
   const userId = user?.id || "";
   const debounedSearchTerm = useDebounce(searchUserFilter, 500);
@@ -47,6 +46,13 @@ const UserPanelTable = ({
 
   const isEmpty = !isLoading && !data?.pages?.[0].length;
   return (
+    <>
+      <Input
+        value={searchUserFilter}
+        onChange={(e) => setSearchUserFilter(e.target.value)}
+        leftIcon={<FontAwesomeIcon icon={faMagnifyingGlass} />}
+        placeholder="Search users..."
+      />
       <div className="mt-4">
         <TableContainer>
           <Table>
@@ -105,6 +111,7 @@ const UserPanelTable = ({
           </Button>
         )}
       </div>
+    </>
   );
 };
 
@@ -113,8 +120,6 @@ export const UserPanel = () => {
     "removeUser"
   ] as const);
 
-  const [searchUserFilter, setSearchUserFilter] = useState("");
-
   const { mutateAsync: deleteUser } = useAdminDeleteUser();
 
   const handleRemoveUser = async () => {
@@ -141,13 +146,7 @@ export const UserPanel = () => {
       <div className="mb-4">
         <p className="text-xl font-semibold text-mineshaft-100">Users</p>
       </div>
-      <Input
+      <UserPanelTable handlePopUpOpen={handlePopUpOpen} />
-        value={searchUserFilter}
-        onChange={(e) => setSearchUserFilter(e.target.value)}
-        leftIcon={<FontAwesomeIcon icon={faMagnifyingGlass} />}
-        placeholder="Search users..."
-      />
-      <UserPanelTable searchUserFilter={searchUserFilter} handlePopUpOpen={handlePopUpOpen} />
       <DeleteActionModal
         isOpen={popUp.removeUser.isOpen}
         deleteKey="remove"