feat: Add edit pages with cache

src/pages/User/UserListPage/index.tsx

@@ -1,21 +1,21 @@
 import { DataGrid, GridColDef, GridRenderCellParams } from "@mui/x-data-grid";
-import { languageStore, userStore } from "@shared";
+import { userStore } from "@shared";
 import { useEffect, useState } from "react";
 import { observer } from "mobx-react-lite";
-import { Eye, Trash2 } from "lucide-react";
+import { Pencil, Trash2 } from "lucide-react";
 import { useNavigate } from "react-router-dom";
-import { DeleteModal, LanguageSwitcher } from "@widgets";
+
+import { CreateButton, DeleteModal } from "@widgets";
 
 export const UserListPage = observer(() => {
   const { users, getUsers, deleteUser } = userStore;
   const navigate = useNavigate();
   const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
   const [rowId, setRowId] = useState<number | null>(null); // Lifted state
-  const { language } = languageStore;
 
   useEffect(() => {
     getUsers();
-  }, [language]);
+  }, []);
 
   const columns: GridColDef[] = [
     {
@@ -56,6 +56,15 @@ export const UserListPage = observer(() => {
       renderCell: (params: GridRenderCellParams) => {
         return (
           <div className="flex h-full gap-7 justify-center items-center">
+            <button>
+              <Pencil
+                size={20}
+                className="text-blue-500"
+                onClick={() => {
+                  navigate(`/user/${params.row.id}/edit`);
+                }}
+              />
+            </button>
             <button
               onClick={() => {
                 setIsDeleteModalOpen(true);
@@ -79,9 +88,11 @@ export const UserListPage = observer(() => {
 
   return (
     <>
-      <LanguageSwitcher />
-
-      <div style={{ width: "100%" }}>
+      <div className="w-full">
+        <div className="flex justify-between items-center mb-10">
+          <h1 className="text-2xl">Пользователи</h1>
+          <CreateButton label="Создать пользователя" path="/user/create" />
+        </div>
         <DataGrid
           rows={rows}
           columns={columns}
@@ -96,6 +107,7 @@ export const UserListPage = observer(() => {
           if (rowId) {
             await deleteUser(rowId);
           }
+
           setIsDeleteModalOpen(false);
           setRowId(null);
         }}