Created two new env variables (#2120)

* created the two env variables

* modify according to comments

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

@@ -1,7 +1,10 @@
 import { useCallback } from 'react';
 import { useMatch, useNavigate, useResolvedPath } from 'react-router-dom';
+import { useRecoilValue } from 'recoil';
 
 import { useAuth } from '@/auth/hooks/useAuth';
+import { isDataModelSettingsEnabledState } from '@/client-config/states/isDataModelSettingsEnabled';
+import { isDevelopersSettingsEnabledState } from '@/client-config/states/isDevelopersSettingsEnabled';
 import { AppPath } from '@/types/AppPath';
 import {
   IconColorSwatch,
@@ -26,6 +29,22 @@ export const SettingsNavbar = () => {
     navigate(AppPath.SignIn);
   }, [signOut, navigate]);
 
+  const isDataModelSettingsEnabled = useRecoilValue(
+    isDataModelSettingsEnabledState,
+  );
+  const isDevelopersSettingsEnabled = useRecoilValue(
+    isDevelopersSettingsEnabledState,
+  );
+
+  const isDataModelSettingsActive = !!useMatch({
+    path: useResolvedPath('/settings/objects').pathname,
+    end: false,
+  });
+  const isDevelopersSettingsActive = !!useMatch({
+    path: useResolvedPath('/settings/api').pathname,
+    end: true,
+  });
+
   return (
     <SubMenuNavbar backButtonTitle="Settings" displayVersion={true}>
       <NavTitle label="User" />
@@ -74,28 +93,22 @@ export const SettingsNavbar = () => {
           })
         }
       />
-      <NavItem
-        label="Data model"
-        to="/settings/objects"
-        Icon={IconHierarchy2}
-        active={
-          !!useMatch({
-            path: useResolvedPath('/settings/objects').pathname,
-            end: false,
-          })
-        }
-      />
-      <NavItem
-        label="Developers"
-        to="/settings/apis"
-        Icon={IconRobot}
-        active={
-          !!useMatch({
-            path: useResolvedPath('/settings/api').pathname,
-            end: true,
-          })
-        }
-      />
+      {isDataModelSettingsEnabled && (
+        <NavItem
+          label="Data model"
+          to="/settings/objects"
+          Icon={IconHierarchy2}
+          active={isDataModelSettingsActive}
+        />
+      )}
+      {isDevelopersSettingsEnabled && (
+        <NavItem
+          label="Developers"
+          to="/settings/apis"
+          Icon={IconRobot}
+          active={isDevelopersSettingsActive}
+        />
+      )}
       <NavTitle label="Other" />
       <NavItem label="Logout" onClick={handleLogout} Icon={IconLogout} />
     </SubMenuNavbar>