feat(AccountsPage): add userEdit

client/src/components/SiderMenu.tsx

@@ -1,3 +1,4 @@
+import { useUserSelector } from '@/store/userStore';
 import { Divider, Menu, Tooltip } from 'antd';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
@@ -13,6 +14,7 @@ export default function SiderMenu({
   selectedKey,
   hangleMenuClick,
 }: SiderMenuProps) {
+  const user = useUserSelector();
   const { t } = useTranslation();
   const collapseStyle = collapsed
     ? { fontSize: '12px' }
@@ -74,15 +76,17 @@ export default function SiderMenu({
       label: t('settings'),
       className: 'no-expand-icon',
       children: [
-        {
-          key: '/accounts',
-          label: !collapsed ? (
-            <Tooltip title={t('accounts')}>{t('accounts')}</Tooltip>
-          ) : (
-            t('accounts')
-          ),
-          style: collapseStyle,
-        },
+        user && (user.role === 'OWNER' || user.role === 'ADMIN')
+          ? {
+              key: '/accounts',
+              label: !collapsed ? (
+                <Tooltip title={t('accounts')}>{t('accounts')}</Tooltip>
+              ) : (
+                t('accounts')
+              ),
+              style: collapseStyle,
+            }
+          : undefined,
         {
           key: '/events-list',
           label: !collapsed ? (