government ui complated

app/(dashboard)/e-service/_layout.tsx

@@ -0,0 +1,10 @@
+import { Stack } from 'expo-router';
+
+export default function EServiceLayout() {
+  return (
+    <Stack screenOptions={{ headerShown: false }}>
+      <Stack.Screen name="e-services.tsx" />
+      <Stack.Screen name="e-services-category.tsx" />
+    </Stack>
+  );
+}

app/(dashboard)/e-service/e-services-category.tsx

@@ -0,0 +1,17 @@
+import { useTheme } from '@/components/ThemeContext';
+import { CustomHeader } from '@/components/ui/Header';
+import EServicesScreen from '@/screens/e-services/ui/EServicesScreen';
+import { SafeAreaView } from 'react-native-safe-area-context';
+
+export default function EServicesCategory() {
+  const { isDark } = useTheme();
+  return (
+    <SafeAreaView
+      style={{ flex: 1, backgroundColor: isDark ? '#0f172a' : '#ffffff', paddingBottom: 50 }}
+      edges={['top']}
+    >
+      <CustomHeader />
+      <EServicesScreen />
+    </SafeAreaView>
+  );
+}

app/(dashboard)/e-service/e-services.tsx

@@ -0,0 +1,17 @@
+import { useTheme } from '@/components/ThemeContext';
+import { CustomHeader } from '@/components/ui/Header';
+import EServicesCategoryScreen from '@/screens/e-services/ui/EServicesCategoryScreen';
+import { SafeAreaView } from 'react-native-safe-area-context';
+
+export default function EServices() {
+  const { isDark } = useTheme();
+  return (
+    <SafeAreaView
+      style={{ flex: 1, backgroundColor: isDark ? '#0f172a' : '#ffffff', paddingBottom: 80 }}
+      edges={['top']}
+    >
+      <CustomHeader />
+      <EServicesCategoryScreen />
+    </SafeAreaView>
+  );
+}