feat: add full page index component with pagination and actions

- Implemented FullPagePageIndex component with mock data for database clusters.
- Added pagination and bulk actions for managing database clusters.
- Created navigation context hooks for detail, edit, duplicate, and create actions.
- Introduced a new store for managing state in full-page and single-page modules.

feat: add navigation localization files

- Added English and Indonesian localization files for navigation menu items.
- Included translations for various modules including CRM, Sales, Supply Chain, and more.

feat: create system information shortcuts component

- Developed Shortcut component to display keyboard shortcuts with search functionality.
- Implemented System component to show placeholder information when system details are unavailable.
- Added localization for shortcuts and system information in English and Indonesian.

feat: implement global theme store

- Created a Zustand store for managing theme color scheme with localStorage persistence.

feat: add module page header component

- Developed ModulePageHeader component for consistent page header across modules.
- Included breadcrumb navigation, title, description, and action buttons.

feat: define default privileges for enterprise module

- Established default privileges for CRUD operations and other actions in the enterprise module.

packages/ui/src/theme/tokens/colors.ts

@@ -77,3 +77,31 @@ export const grayColors: MantineColorsTuple = [
   '#1f2937',
   '#111827',
 ];
+
+/**
+ * Elegant Dark Mode surface palette.
+ *
+ * Replaces Mantine's default `dark` scale which uses near-pure-black values
+ * that cause excessive contrast and eye strain. This scale uses a subtle
+ * bluish-charcoal (slate) undertone inspired by Tailwind's Slate palette,
+ * giving dark mode a warmer, more refined feel typical of premium enterprise
+ * applications (Figma, Linear, Notion).
+ *
+ * Index mapping in Mantine v7:
+ *   dark[0] → lightest text on dark bg     dark[5] → surface borders
+ *   dark[6] → card/surface bg              dark[7] → main app bg
+ *   dark[8] → deeper bg (sidebars)         dark[9] → deepest bg
+ */
+export const darkColors: MantineColorsTuple = [
+  '#C9CCD1', // 0  – Light text / captions on dark bg
+  '#ADB1B8', // 1  – Secondary text
+  '#8E939B', // 2  – Tertiary / placeholder text
+  '#5E6370', // 3  – Subtle borders, disabled text
+  '#3D4250', // 4  – Elevated borders
+  '#2E3341', // 5  – Surface borders, dividers
+  '#252A37', // 6  – Card / component surface
+  '#1C2030', // 7  – Main app background
+  '#151828', // 8  – Deep background (sidebar, nav)
+  '#0F1120', // 9  – Deepest background
+];
+