feat: add Role Editor page

src/App.tsx

@@ -13,6 +13,7 @@ import ProjectDetailPage from '@/pages/ProjectDetailPage'
 import MilestonesPage from '@/pages/MilestonesPage'
 import MilestoneDetailPage from '@/pages/MilestoneDetailPage'
 import NotificationsPage from '@/pages/NotificationsPage'
+import RoleEditorPage from '@/pages/RoleEditorPage'
 import MonitorPage from '@/pages/MonitorPage'
 import axios from 'axios'
 
@@ -66,7 +67,8 @@ export default function App() {
           <Sidebar user={null} onLogout={logout} />
           <main className="main-content">
             <Routes>
-              <Route path="/monitor" element={<MonitorPage />} />
+              <Route path="/roles" element={<RoleEditorPage />} />
+            <Route path="/monitor" element={<MonitorPage />} />
               <Route path="/login" element={<LoginPage onLogin={login} />} />
               <Route path="*" element={<Navigate to="/monitor" />} />
             </Routes>
@@ -91,6 +93,7 @@ export default function App() {
             <Route path="/milestones" element={<MilestonesPage />} />
             <Route path="/milestones/:id" element={<MilestoneDetailPage />} />
             <Route path="/notifications" element={<NotificationsPage />} />
+            <Route path="/roles" element={<RoleEditorPage />} />
             <Route path="/monitor" element={<MonitorPage />} />
             <Route path="*" element={<Navigate to="/" />} />
           </Routes>