feat(roles): add roles management page with add, edit and delete functionality

src/App.jsx

@@ -8,6 +8,7 @@ import Dashboard from './pages/Dashboard';
 import Transactions from './pages/Transactions';
 import Settings from './pages/Settings';
 import ForgotPassword from './pages/ForgotPassword';
+import Roles from './pages/Roles';
 
 // Protected Route Component
 const ProtectedRoute = ({ children }) => {
@@ -91,6 +92,16 @@ const AppRoutes = () => {
           </ProtectedRoute>
         }
       />
+      <Route
+        path="/roles"
+        element={
+          <ProtectedRoute>
+            <Layout>
+              <Roles />
+            </Layout>
+          </ProtectedRoute>
+        }
+      />
       <Route path="*" element={<Navigate to="/" />} />
     </Routes>
   );