Theme and UI updates

app/jobs/[jobId]/_layout.tsx

@@ -1,14 +1,16 @@
 import FontAwesome from "@expo/vector-icons/FontAwesome";
 import { Tabs } from "expo-router";
 import { useTranslation } from "react-i18next";
+import { useTheme } from "react-native-paper";
 
 function JobTabLayout(props) {
   const { t } = useTranslation();
 
+  const theme = useTheme();
   return (
     <Tabs
       screenOptions={{
-        tabBarActiveTintColor: "blue",
+        tabBarActiveTintColor: theme.colors.primary,
         tabBarPosition: "top",
         headerShown: false,
         tabBarStyle: {