Update pages and routing

src/App.tsx

@@ -26,7 +26,9 @@ import {
   Category,
   Prototype,
   AddCategory,
+  AddFeature,
   CategorySettings,
+  FeatureSettings,
 } from './pages';
 import { GetUserByIdQuery, GetUserByIdQueryVariables } from './graphql/types';
 import { GET_USER_BY_ID } from './graphql/auth.api';
@@ -108,6 +110,12 @@ const App = () => {
         <ProtectedRoute path='/feature/:id' exact>
           <Feature />
         </ProtectedRoute>
+        <ProtectedRoute path='/add-feature' exact>
+          <AddFeature />
+        </ProtectedRoute>
+        <ProtectedRoute path='/feature-settings/:id' exact>
+          <FeatureSettings />
+        </ProtectedRoute>
         <ProtectedRoute path='/category' exact>
           <Category />
         </ProtectedRoute>

src/pages/index.tsx

@@ -13,7 +13,9 @@ import CreateUser from './CreateUser';
 import Settings from './Settings';
 import UserSettings from './UserSettings';
 import AddCategory from './AddCategory';
+import AddFeature from './AddFeature';
 import CategorySettings from './CategorySettings';
+import FeatureSettings from './FeatureSettings';
 
 export {
   Login,
@@ -31,5 +33,7 @@ export {
   Settings,
   UserSettings,
   AddCategory,
+  AddFeature,
   CategorySettings,
+  FeatureSettings,
 };