Merge branch 'feature/project-finance' into finance-module

worklenz-frontend/src/lib/settings/settings-constants.ts

@@ -12,6 +12,7 @@ import {
   TeamOutlined,
   UserOutlined,
   UserSwitchOutlined,
+  BulbOutlined,
 } from '@ant-design/icons';
 import React, { ReactNode } from 'react';
 import ProfileSettings from '../../pages/settings/profile/profile-settings';
@@ -27,6 +28,7 @@ import TeamsSettings from '../../pages/settings/teams/teams-settings';
 import ChangePassword from '@/pages/settings/change-password/change-password';
 import LanguageAndRegionSettings from '@/pages/settings/language-and-region/language-and-region-settings';
 import RatecardSettings from '@/pages/settings/ratecard/ratecard-settings';
+import AppearanceSettings from '@/pages/settings/appearance/appearance-settings';
 
 // type of menu item in settings sidebar
 type SettingMenuItems = {
@@ -54,6 +56,13 @@ export const settingsItems: SettingMenuItems[] = [
     icon: React.createElement(NotificationOutlined),
     element: React.createElement(NotificationsSettings),
   },
+  {
+    key: 'appearance',
+    name: 'appearance',
+    endpoint: 'appearance',
+    icon: React.createElement(BulbOutlined),
+    element: React.createElement(AppearanceSettings),
+  },
   {
     key: 'change-password',
     name: 'change-password',