fix: in setting page display admin tab to only admin users

src/pages/settings.tsx

@@ -14,6 +14,8 @@ import '../styles/settings.css'
 import '../styles/styles.css'
 import '../styles/write.css'
 import { copyTextToClipboard } from '../utils'
+import { MetadataController } from '../controllers'
+import { useEffect, useState } from 'react'
 
 export const SettingsPage = () => {
   const location = useLocation()
@@ -47,8 +49,21 @@ export const SettingsPage = () => {
 
 const SettingTabs = () => {
   const location = useLocation()
+  const [isAdmin, setIsAdmin] = useState(false)
   const userState = useAppSelector((state) => state.user)
 
+  useEffect(() => {
+    MetadataController.getInstance().then((controller) => {
+      if (userState.auth && userState.user?.npub) {
+        setIsAdmin(
+          controller.adminNpubs.includes(userState.user.npub as string)
+        )
+      } else {
+        setIsAdmin(false)
+      }
+    })
+  }, [userState])
+
   const handleSignOut = () => {
     logout()
   }
@@ -120,6 +135,7 @@ const SettingTabs = () => {
             </svg>
             Preference
           </Link>
+          {isAdmin && (
             <Link
               className={`btn btnMain btnMainAltText btnMainClear ${
                 location.pathname === appRoutes.settingsAdmin
@@ -140,6 +156,7 @@ const SettingTabs = () => {
               </svg>
               Admin
             </Link>
+          )}
         </div>
 
         {userState.auth &&