feat: create Settings/Accounts page (#2837)

Closes #2815

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

@@ -4,6 +4,7 @@ import { useMatch, useNavigate, useResolvedPath } from 'react-router-dom';
 import { useAuth } from '@/auth/hooks/useAuth';
 import { AppPath } from '@/types/AppPath';
 import {
+  IconAt,
   IconColorSwatch,
   IconHierarchy2,
   IconLogout,
@@ -11,7 +12,7 @@ import {
   IconSettings,
   IconUserCircle,
   IconUsers,
-} from '@/ui/display/icon/index';
+} from '@/ui/display/icon';
 import NavItem from '@/ui/navigation/navigation-drawer/components/NavItem';
 import NavTitle from '@/ui/navigation/navigation-drawer/components/NavTitle';
 import SubMenuNavbar from '@/ui/navigation/navigation-drawer/components/SubMenuNavbar';
@@ -51,6 +52,18 @@ export const SettingsNavbar = () => {
           })
         }
       />
+      <NavItem
+        label="Accounts"
+        to="/settings/accounts"
+        Icon={IconAt}
+        active={
+          !!useMatch({
+            path: useResolvedPath('/settings/accounts').pathname,
+            end: true,
+          })
+        }
+      />
+
       <NavTitle label="Workspace" />
       <NavItem
         label="General"
@@ -74,7 +87,6 @@ export const SettingsNavbar = () => {
           })
         }
       />
-
       <NavItem
         label="Data model"
         to="/settings/objects"
@@ -86,7 +98,6 @@ export const SettingsNavbar = () => {
           })
         }
       />
-
       <NavItem
         label="Developers"
         to="/settings/developers/api-keys"
@@ -98,6 +109,7 @@ export const SettingsNavbar = () => {
           })
         }
       />
+
       <NavTitle label="Other" />
       <NavItem label="Logout" onClick={handleLogout} Icon={IconLogout} />
     </SubMenuNavbar>

front/src/modules/types/SettingsPath.ts

@@ -1,6 +1,7 @@
 export enum SettingsPath {
   ProfilePage = 'profile',
   Appearance = 'profile/appearance',
+  Accounts = 'accounts',
   Objects = 'objects',
   ObjectDetail = 'objects/:objectSlug',
   ObjectEdit = 'objects/:objectSlug/edit',

front/src/modules/ui/display/icon/index.ts

@@ -10,6 +10,7 @@ export {
   IconArrowRight,
   IconArrowUp,
   IconArrowUpRight,
+  IconAt,
   IconBaselineDensitySmall,
   IconBell,
   IconBox,