feat: implement service management module including UI, services, and navigation screens

src/navigation/AppNavigator.tsx

@@ -16,6 +16,9 @@ import { AvailabilityListScreen } from '../screens/AvailabilityListScreen';
 import { AddAvailabilityScreen } from '../screens/AddAvailabilityScreen';
 import { EditAvailabilityScreen } from '../screens/EditAvailabilityScreen';
 import { PaymentProfileScreen } from '../screens/PaymentProfileScreen';
+import { ManageServicesScreen } from '../screens/ManageServicesScreen';
+import { AddEditServiceScreen } from '../screens/AddEditServiceScreen';
+import { Service } from '../services/serviceService';
 
 export type RootStackParamList = {
   Login: undefined;
@@ -32,6 +35,8 @@ export type RootStackParamList = {
     end_time: string; 
   };
   PaymentProfile: undefined;
+  ManageServices: undefined;
+  AddEditService: { service?: Service };
 };
 
 export type TabParamList = {
@@ -120,6 +125,8 @@ export const AppNavigator = () => {
         <Stack.Screen name="AddAvailability" component={AddAvailabilityScreen} />
         <Stack.Screen name="EditAvailability" component={EditAvailabilityScreen} />
         <Stack.Screen name="PaymentProfile" component={PaymentProfileScreen} />
+        <Stack.Screen name="ManageServices" component={ManageServicesScreen} />
+        <Stack.Screen name="AddEditService" component={AddEditServiceScreen} />
       </Stack.Navigator>
     </NavigationContainer>
   );