diff --git a/frontend/app/admin/members/page.tsx b/frontend/app/admin/members/page.tsx
new file mode 100644
index 00000000..0d300b44
--- /dev/null
+++ b/frontend/app/admin/members/page.tsx
@@ -0,0 +1,53 @@
+"use client";
+import { useState } from "react";
+import DashboardLayout from "@/components/dashboard/DashboardLayout";
+import { MemberStats } from "@/components/dashboard/admin/MemberStats";
+import { MembersTable } from "@/components/dashboard/admin/MembersTable";
+import { Search } from "lucide-react";
+
+export default function AdminMembersPage() {
+  const [search, setSearch] = useState("");
+  const [filter, setFilter] = useState("ALL");
+  const [page, setPage] = useState(1);
+
+  return (
+    <DashboardLayout>
+      <div className="mb-8">
+        <h1 className="text-2xl font-bold text-gray-900">Members</h1>
+        <p className="text-gray-500 text-sm">Manage users and roles.</p>
+      </div>
+      <MemberStats />
+      <div className="bg-white rounded-xl border border-gray-100 mt-8 overflow-hidden">
+        <div className="p-4 flex gap-4 border-b border-gray-50">
+          <div className="relative flex-1">
+            <Search className="absolute left-3 top-2.5 w-4 h-4 text-gray-400" />
+            <input 
+              value={search}
+              aria-label="Search members"
+              onChange={(e) => {
+                setSearch(e.target.value);
+                setPage(1);
+              }}
+              className="w-full pl-10 pr-4 py-2 text-sm border rounded-lg outline-none focus:ring-1 focus:ring-gray-200" 
+              placeholder="Search..." 
+            />
+          </div>
+          <select
+            value={filter}
+            onChange={(e) => {
+              setFilter(e.target.value);
+              setPage(1);
+            }}
+            className="border rounded-lg px-3 py-2 text-sm outline-none"
+            aria-label="Filter members by status"
+          >
+            <option value="ALL">All</option>
+            <option value="ACTIVE">Active</option>
+            <option value="SUSPENDED">Suspended</option>
+          </select>
+        </div>
+        <MembersTable search={search} filter={filter} page={page} setPage={setPage} />
+      </div>
+    </DashboardLayout>
+  );
+}
\ No newline at end of file
diff --git a/frontend/components/dashboard/admin/ActionConfirmationModal.tsx b/frontend/components/dashboard/admin/ActionConfirmationModal.tsx
new file mode 100644
index 00000000..67910a1d
--- /dev/null
+++ b/frontend/components/dashboard/admin/ActionConfirmationModal.tsx
@@ -0,0 +1,136 @@
+"use client";
+
+import { useEffect, useRef, useState } from "react";
+import { Member } from "@/lib/types/member";
+import {
+  MemberAction,
+  useMemberMutations,
+} from "@/lib/react-query/hooks/useMemberMutations";
+
+interface Props { 
+  isOpen: boolean; 
+  onClose: () => void; 
+  member: Member; 
+  action: MemberAction; 
+}
+
+export function ActionConfirmationModal({ isOpen, onClose, member, action }: Props) {
+  const { mutate, isPending } = useMemberMutations();
+  const isMutating = isPending;
+  const [errorMessage, setErrorMessage] = useState<string | null>(null);
+  const modalRef = useRef<HTMLDivElement>(null);
+  const confirmButtonRef = useRef<HTMLButtonElement>(null);
+
+  useEffect(() => {
+    if (!isOpen) return;
+
+    const getFocusableElements = () => {
+      if (!modalRef.current) return [] as HTMLElement[];
+      const selectors =
+        'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+      return Array.from(modalRef.current.querySelectorAll<HTMLElement>(selectors));
+    };
+
+    const focusableElements = getFocusableElements();
+    (focusableElements[0] ?? confirmButtonRef.current)?.focus();
+
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (event.key === "Escape") {
+        onClose();
+        return;
+      }
+
+      if (event.key !== "Tab") return;
+
+      const elements = getFocusableElements();
+      if (elements.length === 0) return;
+
+      const firstElement = elements[0];
+      const lastElement = elements[elements.length - 1];
+      const activeElement = document.activeElement as HTMLElement | null;
+
+      if (event.shiftKey) {
+        if (activeElement === firstElement || !activeElement) {
+          event.preventDefault();
+          lastElement.focus();
+        }
+        return;
+      }
+
+      if (activeElement === lastElement) {
+        event.preventDefault();
+        firstElement.focus();
+      }
+    };
+
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [isOpen, onClose]);
+
+  if (!isOpen) return null;
+
+  const handleConfirm = () => {
+    setErrorMessage(null);
+    mutate(
+      { memberId: member.id, action }, 
+      {
+        onSuccess: () => onClose(),
+        onError: (error) => {
+          const message =
+            error instanceof Error
+              ? error.message
+              : "Failed to update member. Please try again.";
+          setErrorMessage(message);
+        },
+      }
+    );
+  };
+
+  return (
+    <div
+      ref={modalRef}
+      role="dialog"
+      aria-modal="true"
+      aria-labelledby="confirmHeading"
+      className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm p-4"
+    >
+      <div className="bg-white rounded-2xl max-w-sm w-full p-6 shadow-2xl animate-in fade-in zoom-in duration-200">
+        <h3 id="confirmHeading" className="text-lg font-bold text-gray-900 capitalize">
+          Confirm {action}
+        </h3>
+        <p className="text-gray-500 text-sm mt-3 leading-relaxed">
+          Are you sure you want to {action.toLowerCase()} <strong>{member.firstName}</strong>? 
+          This will take effect immediately.
+        </p>
+        {errorMessage && (
+          <p className="mt-3 rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700" role="alert">
+            {errorMessage}
+          </p>
+        )}
+        <div className="mt-8 flex gap-3">
+          <button 
+            type="button"
+            onClick={onClose} 
+            disabled={isMutating || isPending}
+            className={`flex-1 px-4 py-2.5 text-sm font-medium border border-gray-200 rounded-xl transition-colors ${
+              isMutating || isPending ? "opacity-50 cursor-not-allowed" : "hover:bg-gray-50"
+            }`}
+          >
+            Cancel
+          </button>
+          <button 
+            ref={confirmButtonRef}
+            type="button"
+            onClick={handleConfirm}
+            disabled={isPending}
+            className="flex-1 px-4 py-2.5 text-sm font-medium text-white bg-gray-900 rounded-xl disabled:opacity-50 hover:bg-black transition-all"
+          >
+            {isPending ? "Updating..." : "Confirm"}
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/frontend/components/dashboard/admin/MemberActionButtons.tsx b/frontend/components/dashboard/admin/MemberActionButtons.tsx
new file mode 100644
index 00000000..aaeb39a8
--- /dev/null
+++ b/frontend/components/dashboard/admin/MemberActionButtons.tsx
@@ -0,0 +1,56 @@
+"use client";
+import { useState } from "react";
+import { Member } from "@/lib/types/member";
+import { ActionConfirmationModal } from "./ActionConfirmationModal";
+import { MemberAction } from "@/lib/react-query/hooks/useMemberMutations";
+
+export function MemberActionButtons({ member }: { member: Member }) {
+  const [modal, setModal] = useState<{ open: boolean; action: MemberAction | null }>({
+    open: false,
+    action: null,
+  });
+  if (["ADMIN", "SUPER_ADMIN"].includes(member.role)) return <span className="text-gray-300 italic">Read-only</span>;
+
+  const open = (action: MemberAction) => setModal({ open: true, action });
+
+  return (
+    <>
+      <div className="flex justify-end gap-3 text-xs font-bold uppercase tracking-wider">
+        {member.status === "ACTIVE" ? (
+          <>
+            <button
+              type="button"
+              onClick={() => open("SUSPEND")}
+              className="text-red-500 rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-2"
+            >
+              Suspend
+            </button>
+            <button
+              type="button"
+              onClick={() => open(member.role === "USER" ? "PROMOTE" : "DEMOTE")}
+              className="text-gray-900 rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2"
+            >
+              {member.role === "USER" ? "Promote" : "Demote"}
+            </button>
+          </>
+        ) : (
+          <button
+            type="button"
+            onClick={() => open("ACTIVATE")}
+            className="text-emerald-600 rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 focus-visible:ring-offset-2"
+          >
+            Activate
+          </button>
+        )}
+      </div>
+      {modal.open && modal.action && (
+        <ActionConfirmationModal 
+          isOpen={modal.open} 
+          onClose={() => setModal({ ...modal, open: false })} 
+          member={member} 
+          action={modal.action} 
+        />
+      )}
+    </>
+  );
+}
\ No newline at end of file
diff --git a/frontend/components/dashboard/admin/MemberStats.tsx b/frontend/components/dashboard/admin/MemberStats.tsx
new file mode 100644
index 00000000..2ed14ecc
--- /dev/null
+++ b/frontend/components/dashboard/admin/MemberStats.tsx
@@ -0,0 +1,71 @@
+"use client";
+
+import { useGetMemberStats } from "@/lib/react-query/hooks/members"; // Ensure hook path
+
+export function MemberStats() {
+  const {
+    data: stats,
+    isLoading,
+    isError,
+    error,
+    refetch,
+  } = useGetMemberStats();
+
+  if (isLoading) {
+    return (
+      <div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
+        {[...Array(4)].map((_, i) => (
+          <div key={i} className="bg-white p-5 rounded-xl border border-gray-100">
+            <p className="text-xs font-medium text-gray-500 uppercase tracking-wider">Loading</p>
+            <div className="h-8 w-16 bg-gray-100 animate-pulse mt-2 rounded" />
+          </div>
+        ))}
+      </div>
+    );
+  }
+
+  if (isError) {
+    const message =
+      error instanceof Error
+        ? error.message
+        : "Could not load member stats right now.";
+
+    return (
+      <div className="rounded-xl border border-red-200 bg-red-50 p-5">
+        <p className="text-sm font-semibold text-red-700">Unable to load member stats</p>
+        <p className="mt-1 text-sm text-red-600">{message}</p>
+        <button
+          type="button"
+          onClick={() => refetch()}
+          className="mt-3 rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white hover:bg-black focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2"
+        >
+          Retry
+        </button>
+      </div>
+    );
+  }
+
+  if (!stats) {
+    return null;
+  }
+
+  const cards = [
+    { label: "Total Members", value: stats.total },
+    { label: "Active", value: stats.active },
+    { label: "Suspended", value: stats.suspended },
+    { label: "New This Month", value: stats.newThisMonth },
+  ];
+
+  return (
+    <div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
+      {cards.map((card, i) => (
+        <div key={i} className="bg-white p-5 rounded-xl border border-gray-100">
+          <p className="text-xs font-medium text-gray-500 uppercase tracking-wider">
+            {card.label}
+          </p>
+          <p className="text-2xl font-bold text-gray-900 mt-1">{card.value}</p>
+        </div>
+      ))}
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/frontend/components/dashboard/admin/MembersTable.tsx b/frontend/components/dashboard/admin/MembersTable.tsx
new file mode 100644
index 00000000..d9556058
--- /dev/null
+++ b/frontend/components/dashboard/admin/MembersTable.tsx
@@ -0,0 +1,129 @@
+"use client";
+
+import { useEffect } from "react";
+import { useGetAllMembers } from "@/lib/react-query/hooks/members";
+import { MemberActionButtons } from "./MemberActionButtons";
+import { TablePagination } from "./TablePagination"; // Ensure this component is created
+import type { Member } from "@/lib/types/member";
+
+interface Props {
+  search: string;
+  filter: string;
+  page: number;
+  setPage: (p: number) => void;
+}
+
+export function MembersTable({ search, filter, page, setPage }: Props) {
+  const { data, isLoading, isError, error, refetch } = useGetAllMembers({
+    search,
+    status: filter,
+    page,
+  });
+
+  useEffect(() => {
+    if (isError && error) {
+      console.error("Failed to fetch members", error);
+    }
+  }, [isError, error]);
+
+  // 1. Loading Skeleton State
+  if (isLoading) {
+    return (
+      <div className="p-6 space-y-4">
+        {[...Array(5)].map((_, i) => (
+          <div key={i} className="flex items-center space-x-4 animate-pulse">
+            <div className="h-12 bg-gray-100 rounded-lg w-full"></div>
+          </div>
+        ))}
+      </div>
+    );
+  }
+
+  if (isError || error) {
+    const message =
+      error instanceof Error
+        ? error.message
+        : "We could not load members right now. Please try again.";
+
+    return (
+      <div className="p-20 text-center">
+        <p className="text-red-600 font-medium">Unable to load members.</p>
+        <p className="text-gray-500 text-sm mt-1">{message}</p>
+        <button
+          type="button"
+          onClick={() => refetch()}
+          className="mt-4 inline-flex items-center rounded-xl bg-gray-900 px-4 py-2 text-sm font-medium text-white hover:bg-black focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2"
+        >
+          Retry
+        </button>
+      </div>
+    );
+  }
+
+  // 2. Empty State
+  if (!data?.members?.length) {
+    return (
+      <div className="p-20 text-center">
+        <p className="text-gray-400 font-medium">No members found matching your criteria.</p>
+        <p className="text-gray-300 text-sm mt-1">Try adjusting your search or filters.</p>
+      </div>
+    );
+  }
+
+  return (
+    <div className="overflow-x-auto">
+      <table className="w-full text-left text-sm">
+        <thead className="bg-gray-50 text-gray-600 font-medium border-b border-gray-100">
+          <tr>
+            <th className="px-6 py-4">Member</th>
+            <th className="px-6 py-4">Status</th>
+            <th className="px-6 py-4">Role</th>
+            <th className="px-6 py-4">Joined</th>
+            <th className="px-6 py-4 text-right">Actions</th>
+          </tr>
+        </thead>
+        <tbody className="divide-y divide-gray-50 bg-white">
+          {data.members.map((member: Member) => (
+            <tr key={member.id} className="hover:bg-gray-50/50 transition-colors">
+              <td className="px-6 py-4">
+                <div className="font-medium text-gray-900">
+                  {member.firstName} {member.lastName}
+                </div>
+                <div className="text-gray-400 text-xs">{member.email}</div>
+              </td>
+              <td className="px-6 py-4">
+                <span
+                  className={`px-2 py-1 rounded-full text-[10px] font-bold uppercase ${
+                    member.status === "ACTIVE"
+                      ? "bg-emerald-50 text-emerald-600"
+                      : "bg-red-50 text-red-600"
+                  }`}
+                >
+                  {member.status}
+                </span>
+              </td>
+              <td className="px-6 py-4">
+                <span className="text-gray-600 text-[11px] font-semibold bg-gray-100 px-2 py-0.5 rounded">
+                  {member.role}
+                </span>
+              </td>
+              <td className="px-6 py-4 text-gray-400 text-xs">
+                {new Date(member.createdAt).toLocaleDateString()}
+              </td>
+              <td className="px-6 py-4 text-right">
+                <MemberActionButtons member={member} />
+              </td>
+            </tr>
+          ))}
+        </tbody>
+      </table>
+
+      {/* 3. Pagination Controls (Uses setPage, fixing the ESLint warning) */}
+      <TablePagination
+        currentPage={page}
+        totalPages={data.totalPages || 1}
+        onPageChange={(newPage) => setPage(newPage)}
+      />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/frontend/components/dashboard/admin/TablePagination.tsx b/frontend/components/dashboard/admin/TablePagination.tsx
new file mode 100644
index 00000000..ac24f06f
--- /dev/null
+++ b/frontend/components/dashboard/admin/TablePagination.tsx
@@ -0,0 +1,69 @@
+"use client";
+
+import { ChevronLeft, ChevronRight } from "lucide-react";
+
+interface Props {
+  currentPage: number;
+  totalPages: number;
+  onPageChange: (page: number) => void;
+}
+
+export function TablePagination({ currentPage, totalPages, onPageChange }: Props) {
+  // Don't render if there's only one page
+  if (totalPages <= 1) return null;
+
+  return (
+    <div className="px-6 py-4 flex items-center justify-between border-t border-gray-50 bg-white">
+      <div className="flex flex-1 justify-between sm:hidden">
+        <button
+          onClick={() => onPageChange(Math.max(currentPage - 1, 1))}
+          disabled={currentPage === 1}
+          className="relative inline-flex items-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 disabled:opacity-50"
+        >
+          Previous
+        </button>
+        <button
+          onClick={() => onPageChange(Math.min(currentPage + 1, totalPages))}
+          disabled={currentPage === totalPages}
+          className="relative ml-3 inline-flex items-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 disabled:opacity-50"
+        >
+          Next
+        </button>
+      </div>
+      <div className="hidden sm:flex sm:flex-1 sm:items-center sm:justify-between">
+        <div>
+          <p className="text-sm text-gray-700">
+            Showing page <span className="font-semibold">{currentPage}</span> of{" "}
+            <span className="font-semibold">{totalPages}</span>
+          </p>
+        </div>
+        <div>
+          <nav className="isolate inline-flex -space-x-px rounded-md shadow-sm" aria-label="Pagination">
+            <button
+              onClick={() => onPageChange(currentPage - 1)}
+              disabled={currentPage === 1}
+              className="relative inline-flex items-center rounded-l-md px-2 py-2 text-gray-400 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-20 focus:outline-offset-0 disabled:opacity-50"
+            >
+              <span className="sr-only">Previous</span>
+              <ChevronLeft className="h-5 w-5" aria-hidden="true" />
+            </button>
+            
+            {/* Page Numbers Logic (Optional: showing current) */}
+            <span className="relative inline-flex items-center px-4 py-2 text-sm font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 focus:z-20 focus:outline-offset-0">
+              {currentPage}
+            </span>
+
+            <button
+              onClick={() => onPageChange(currentPage + 1)}
+              disabled={currentPage === totalPages}
+              className="relative inline-flex items-center rounded-r-md px-2 py-2 text-gray-400 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-20 focus:outline-offset-0 disabled:opacity-50"
+            >
+              <span className="sr-only">Next</span>
+              <ChevronRight className="h-5 w-5" aria-hidden="true" />
+            </button>
+          </nav>
+        </div>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/frontend/lib/react-query/hooks/members.ts b/frontend/lib/react-query/hooks/members.ts
new file mode 100644
index 00000000..28b51bec
--- /dev/null
+++ b/frontend/lib/react-query/hooks/members.ts
@@ -0,0 +1,53 @@
+import { useQuery } from "@tanstack/react-query";
+import { apiClient } from "@/lib/apiClient";
+import { memberKeys } from "../keys/memberKeys";
+import { Member, MemberStats, MembersResponse } from "@/lib/types/member";
+
+interface BackendMember extends Omit<Member, "firstName" | "lastName"> {
+  firstname: string;
+  lastname: string;
+}
+
+interface BackendMembersResponse extends Omit<MembersResponse, "members"> {
+  members: BackendMember[];
+}
+
+function mapBackendMember(member: BackendMember): Member {
+  const { firstname, lastname, ...rest } = member;
+  return {
+    ...rest,
+    firstName: firstname,
+    lastName: lastname,
+  };
+}
+
+export function useGetMemberStats() {
+  return useQuery<MemberStats>({
+    queryKey: memberKeys.stats(),
+    queryFn: async () => {
+      const data = await apiClient.get<MemberStats>("/dashboard/member-stats");
+      return data;
+    },
+  });
+}
+
+export function useGetAllMembers({ search, status, page }: { search: string, status: string, page: number }) {
+  return useQuery<MembersResponse>({
+    queryKey: memberKeys.list({ search, status, page }),
+    queryFn: async () => {
+      const params = new URLSearchParams({
+        page: page.toString(),
+        limit: "10",
+        ...(search && { search }),
+        ...(status !== "ALL" && { status }),
+      });
+      const data = await apiClient.get<BackendMembersResponse>(`/users?${params.toString()}`);
+
+      return {
+        ...data,
+        members: data.members.map(mapBackendMember),
+      };
+    },
+    placeholderData: (prev) => prev,
+  });
+}
\ No newline at end of file
diff --git a/frontend/lib/react-query/hooks/useMemberMutations.ts b/frontend/lib/react-query/hooks/useMemberMutations.ts
new file mode 100644
index 00000000..8e3ef5d9
--- /dev/null
+++ b/frontend/lib/react-query/hooks/useMemberMutations.ts
@@ -0,0 +1,30 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { apiClient } from "@/lib/apiClient";
+import { memberKeys } from "../keys/memberKeys";
+
+export type MemberAction = "SUSPEND" | "ACTIVATE" | "PROMOTE" | "DEMOTE";
+
+export function useMemberMutations() {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: async ({ memberId, action }: { memberId: string; action: MemberAction }) => {
+      const endpoints: Record<MemberAction, string> = {
+        SUSPEND: `/users/${memberId}/suspend`,
+        ACTIVATE: `/users/${memberId}/activate`,
+        PROMOTE: `/users/${memberId}/promote`,
+        DEMOTE: `/users/${memberId}/demote`,
+      };
+      const endpoint = endpoints[action];
+      if (!endpoint) {
+        throw new Error(`Invalid member action: ${action}`);
+      }
+
+      const data = await apiClient.patch<unknown>(endpoint);
+      return data;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: memberKeys.all });
+    },
+  });
+}
\ No newline at end of file
diff --git a/frontend/lib/react-query/keys/memberKeys.ts b/frontend/lib/react-query/keys/memberKeys.ts
new file mode 100644
index 00000000..00fb434a
--- /dev/null
+++ b/frontend/lib/react-query/keys/memberKeys.ts
@@ -0,0 +1,6 @@
+export const memberKeys = {
+  all: ['members'] as const,
+  lists: () => [...memberKeys.all, 'list'] as const,
+  list: (filters: Record<string, unknown>) => [...memberKeys.lists(), { ...filters }] as const,
+  stats: () => [...memberKeys.all, 'stats'] as const,
+};
\ No newline at end of file
diff --git a/frontend/lib/types/member.ts b/frontend/lib/types/member.ts
new file mode 100644
index 00000000..86f5b318
--- /dev/null
+++ b/frontend/lib/types/member.ts
@@ -0,0 +1,25 @@
+export type UserRole = "USER" | "STAFF" | "ADMIN" | "SUPER_ADMIN";
+export type UserStatus = "ACTIVE" | "SUSPENDED";
+
+export interface Member {
+  id: string;
+  firstName: string;
+  lastName: string;
+  email: string;
+  role: UserRole;
+  status: UserStatus;
+  createdAt: string;
+}
+
+export interface MembersResponse {
+  members: Member[];
+  totalPages: number;
+  currentPage: number;
+}
+
+export interface MemberStats {
+  total: number;
+  active: number;
+  suspended: number;
+  newThisMonth: number;
+}
\ No newline at end of file
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 1214fc77..a33203cc 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -1488,7 +1488,6 @@
       "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.90.21.tgz",
       "integrity": "sha512-0Lu6y5t+tvlTJMTO7oh5NSpJfpg/5D41LlThfepTixPYkJ0sE2Jj0m0f6yYqujBwIXlId87e234+MxG3D3g7kg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@tanstack/query-core": "5.90.20"
       },
@@ -1635,7 +1634,6 @@
       "integrity": "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==",
       "devOptional": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "csstype": "^3.2.2"
       }
@@ -1646,7 +1644,6 @@
       "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
       "devOptional": true,
       "license": "MIT",
-      "peer": true,
       "peerDependencies": {
         "@types/react": "^19.2.0"
       }
@@ -1702,7 +1699,6 @@
       "integrity": "sha512-klQbnPAAiGYFyI02+znpBRLyjL4/BrBd0nyWkdC0s/6xFLkXYQ8OoRrSkqacS1ddVxf/LDyODIKbQ5TgKAf/Fg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.56.1",
         "@typescript-eslint/types": "8.56.1",
@@ -2215,7 +2211,6 @@
       "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -2697,8 +2692,7 @@
       "version": "3.2.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
       "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/d3-array": {
       "version": "3.2.4",
@@ -3214,7 +3208,6 @@
       "integrity": "sha512-VmQ+sifHUbI/IcSopBCF/HO3YiHQx/AVd3UVyYL6weuwW+HvON9VYn5l6Zl1WZzPWXPNZrSQpxwkkZ/VuvJZzg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.1",
@@ -5606,7 +5599,6 @@
       "resolved": "https://registry.npmjs.org/react/-/react-19.1.0.tgz",
       "integrity": "sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -5616,7 +5608,6 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.1.0.tgz",
       "integrity": "sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "scheduler": "^0.26.0"
       },
@@ -5629,7 +5620,6 @@
       "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.71.2.tgz",
       "integrity": "sha512-1CHvcDYzuRUNOflt4MOq3ZM46AronNJtQ1S7tnX6YN4y72qhgiUItpacZUAQ0TyWYci3yz1X+rXaSxiuEm86PA==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=18.0.0"
       },
@@ -5670,7 +5660,6 @@
       "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-9.2.0.tgz",
       "integrity": "sha512-ROY9fvHhwOD9ySfrF0wmvu//bKCQ6AeZZq1nJNtbDC+kk5DuSuNX/n6YWYF/SYy7bSba4D4FSz8DJeKY/S/r+g==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/use-sync-external-store": "^0.0.6",
         "use-sync-external-store": "^1.4.0"
@@ -5723,8 +5712,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/redux/-/redux-5.0.1.tgz",
       "integrity": "sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/redux-thunk": {
       "version": "3.1.0",
@@ -6431,7 +6419,6 @@
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -6591,7 +6578,6 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "dev": true,
       "license": "Apache-2.0",
-      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"