change(ui): usability module settings

api/schemas/schemas.py

@@ -1670,6 +1670,7 @@ class ModuleType(str, Enum):
     ASSIST_STATTS = "assist-statts"
     RECOMMENDATIONS = "recommendations"
     FEATURE_FLAGS = "feature-flags"
+    USABILITY_TESTS = "usability-tests"
 
 
 class ModuleStatus(BaseModel):

frontend/app/components/Client/Modules/index.ts

@@ -9,6 +9,7 @@ export const enum MODULES {
   ASSIST_STATS = 'assist-stats',
   FEATURE_FLAGS = 'feature-flags',
   RECOMMENDATIONS = 'recommendations',
+  USABILITY_TESTS = 'usability-tests',
 }
 
 export interface Module {
@@ -67,4 +68,10 @@ export const modules = [
     icon: 'magic',
     hidden: true
   },
-];
+  {
+    label: 'Usability Tests',
+    description: 'Get feedback from your users by creating usability tests and sharing them with your team.',
+    key: MODULES.USABILITY_TESTS,
+    icon: 'clipboard-check',
+  },
+];

frontend/app/layout/SideMenu.tsx

@@ -126,6 +126,7 @@ function SideMenu(props: Props) {
               item.key === MENU.SESSIONS &&
                 modules.includes(MODULES.OFFLINE_RECORDINGS),
               item.key === MENU.ALERTS && modules.includes(MODULES.ALERTS),
+              item.key === MENU.USABILITY_TESTS && modules.includes(MODULES.USABILITY_TESTS),
               item.isAdmin && !isAdmin,
               item.isEnterprise && !isEnterprise,
             ].some((cond) => cond);