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/foundations/enterprise-module/providers/module.provider.tsx

@@ -3,7 +3,7 @@ import { useNavigate } from 'react-router-dom';
 import { useTranslation } from '@repo/core-i18n';
 import { BaseEntity, BaseRemoteDataServices } from '@repo/core-api/data-services';
 
-import { ModuleConfigEntity, SinglePageFormState, SinglePageModalState } from '../entities/entity';
+import { ConfigSlice, ModuleConfigEntity, SinglePageFormState, SinglePageModalState } from '../entities/entity';
 import {
   EnterpriseConfigContext,
   EnterpriseDataServiceContext,
@@ -12,6 +12,7 @@ import {
   EnterpriseModalContext,
   EnterpriseTranslationContext,
 } from '../hooks/use-module.context';
+import { defaultPrivileges } from '../constant/default-privilege';
 
 export interface EnterpriseModuleProviderProps<E extends BaseEntity> {
   children: ReactNode;
@@ -26,15 +27,18 @@ export function EnterpriseModuleProvider<E extends BaseEntity>(props: Enterprise
   // ---------------------------------------------------------------------------
   // 1. Config Slice (Static)
   // ---------------------------------------------------------------------------
-  const configSlice = useMemo(() => ({ config }), [config]);
+  const configSlice: ConfigSlice = useMemo(() => {
+    return {
+      config,
+      // FIXME => IMPLEMENT PRIVILEGE
+      privileges: defaultPrivileges,
+    };
+  }, [config]);
 
   // ---------------------------------------------------------------------------
   // 1b. Translation Slice (Dedicated context — decoupled from config)
   // ---------------------------------------------------------------------------
-  const namespaces = useMemo(
-    () => [config.translationNamespace, 'common'],
-    [config.translationNamespace],
-  );
+  const namespaces = useMemo(() => [config.translationNamespace, 'common'], [config.translationNamespace]);
   const { t } = useTranslation(namespaces);
   const translationSlice = useMemo(() => ({ t: t as (key: string, options?: Record<string, unknown>) => string }), [t]);
 
@@ -132,6 +136,17 @@ export function EnterpriseModuleProvider<E extends BaseEntity>(props: Enterprise
   // ---------------------------------------------------------------------------
   // Render
   // ---------------------------------------------------------------------------
+
+  const { ALLOW_VIEW } = configSlice.privileges;
+
+  useEffect(() => {
+    if (!ALLOW_VIEW) navigate('/403', { replace: true });
+  }, [ALLOW_VIEW, navigate]);
+
+  if (!ALLOW_VIEW) {
+    return null;
+  }
+
   return (
     <EnterpriseConfigContext.Provider value={configSlice}>
       <EnterpriseTranslationContext.Provider value={translationSlice}>