Update styles in CatalogSection, ContinueWatchingSection, ThisWeekSection, and HomeScreen for improved UI consistency

This commit enhances the visual appearance of the CatalogSection, ContinueWatchingSection, ThisWeekSection, and HomeScreen by updating font sizes, weights, letter spacing, and margins. Additionally, adjustments to the title underline styles have been made for better alignment and opacity, contributing to a more cohesive user interface across these components.

src/components/home/CatalogSection.tsx

@@ -132,19 +132,19 @@ const styles = StyleSheet.create({
     position: 'relative',
   },
   catalogTitle: {
-    fontSize: 18,
-    fontWeight: '800',
-    textTransform: 'uppercase',
-    letterSpacing: 0.5,
-    marginBottom: 6,
+    fontSize: 19,
+    fontWeight: '700',
+    letterSpacing: 0.2,
+    marginBottom: 4,
   },
   titleUnderline: {
     position: 'absolute',
-    bottom: -4,
+    bottom: -2,
     left: 0,
-    width: 60,
-    height: 3,
-    borderRadius: 1.5,
+    width: 35,
+    height: 2,
+    borderRadius: 1,
+    opacity: 0.8,
   },
   seeAllButton: {
     flexDirection: 'row',

src/components/home/ContinueWatchingSection.tsx

@@ -401,19 +401,19 @@ const styles = StyleSheet.create({
     position: 'relative',
   },
   title: {
-    fontSize: 18,
-    fontWeight: '800',
-    textTransform: 'uppercase',
-    letterSpacing: 0.5,
-    marginBottom: 6,
+    fontSize: 20,
+    fontWeight: '700',
+    letterSpacing: 0.3,
+    marginBottom: 4,
   },
   titleUnderline: {
     position: 'absolute',
-    bottom: -4,
+    bottom: -2,
     left: 0,
-    width: 60,
-    height: 3,
-    borderRadius: 1.5,
+    width: 40,
+    height: 2,
+    borderRadius: 1,
+    opacity: 0.8,
   },
   wideList: {
     paddingHorizontal: 16,

src/components/home/ThisWeekSection.tsx

@@ -303,8 +303,9 @@ const styles = StyleSheet.create({
     marginBottom: 12,
   },
   title: {
-    fontSize: 18,
-    fontWeight: 'bold',
+    fontSize: 19,
+    fontWeight: '700',
+    letterSpacing: 0.2,
   },
   viewAllButton: {
     flexDirection: 'row',

src/screens/HomeScreen.tsx

@@ -876,19 +876,19 @@ const styles = StyleSheet.create<any>({
     position: 'relative',
   },
   catalogTitle: {
-    fontSize: 18,
-    fontWeight: '800',
-    textTransform: 'uppercase',
-    letterSpacing: 0.5,
-    marginBottom: 6,
+    fontSize: 19,
+    fontWeight: '700',
+    letterSpacing: 0.2,
+    marginBottom: 4,
   },
   titleUnderline: {
     position: 'absolute',
-    bottom: -4,
+    bottom: -2,
     left: 0,
-    width: 60,
-    height: 3,
-    borderRadius: 1.5,
+    width: 35,
+    height: 2,
+    borderRadius: 1,
+    opacity: 0.8,
   },
   seeAllButton: {
     flexDirection: 'row',

src/screens/TraktSettingsScreen.tsx

@@ -365,7 +365,7 @@ const TraktSettingsScreen: React.FC = () => {
                   styles.settingDescription,
                   { color: isDarkMode ? currentTheme.colors.mediumEmphasis : currentTheme.colors.textMutedDark }
                 ]}>
-                  Coming soon
+                  Use "Sync Now" to import your watch history and progress from Trakt
                 </Text>
               </View>
               <TouchableOpacity