feat: created new Developers Page in Settings (#2071)

* feat: created new Developers Page in Settings

* update styled according to the updated design

* update styled according to the updated design

* remove unused color import from TableCell component

* update pl based on comments

* update pl based on comments

* update pl based on comments

* update pl based on comments

* update pl based on comments

* update pl based on comments

* update pl based on comments

front/src/modules/settings/components/SettingsNavbar.tsx

@@ -7,6 +7,7 @@ import {
   IconColorSwatch,
   IconHierarchy2,
   IconLogout,
+  IconRobot,
   IconSettings,
   IconUserCircle,
   IconUsers,
@@ -84,6 +85,17 @@ export const SettingsNavbar = () => {
           })
         }
       />
+      <NavItem
+        label="Developers"
+        to="/settings/apis"
+        Icon={IconRobot}
+        active={
+          !!useMatch({
+            path: useResolvedPath('/settings/api').pathname,
+            end: true,
+          })
+        }
+      />
       <NavTitle label="Other" />
       <NavItem label="Logout" onClick={handleLogout} Icon={IconLogout} />
     </SubMenuNavbar>