fixed members login and permissions issues

src/apps/officer-web/App.tsx

@@ -6,7 +6,7 @@ import { useServerSettings } from 'state/useServerSettings';
 import { useInitialData } from '@/state/useInitialData';
 
 export function App() {
-  const { isLoading, isAuthenticated } = useAuth();
+  const { isLoading, isAuthenticated, user } = useAuth();
   const { onboardingComplete, plugins, isLoading: isServerSettingsLoading } = useServerSettings();
   useInitialData();
 
@@ -37,8 +37,9 @@ export function App() {
           <Routes>
             <Route path="/" element={<Dashboard.HomeScreen />} />
             <Route path="/settings/profile" element={<Dashboard.ProfileSettings />} />
-            <Route path="/settings/system" element={<Dashboard.SystemSettings />} />
-            <Route path="/settings/resources" element={<Dashboard.ResourceSettings />} />
+            <Route path="/settings/system" element={user?.role !== 'Member' ? <Dashboard.SystemSettings /> : <Navigate to="/" replace />} />
+            <Route path="/settings/resources" element={user?.role !== 'Member' ? <Dashboard.ResourceSettings /> : <Navigate to="/" replace />} />
+            <Route path="/settings/users" element={user?.role === 'Super Admin' ? <Dashboard.UserSettings /> : <Navigate to="/" replace />} />
             <Route path="/automation" element={<Dashboard.Automation />} />
             <Route path="/chat" element={<Dashboard.SessionListPage />} />
             <Route path="/chat/new" element={<Dashboard.SessionListPage isNew />} />