fix: various small fixes

Author: Robert27

android/app/src/main/res/values/colors.xml

@@ -1,6 +1,6 @@
 <resources>
   <color name="splashscreen_background">#ffffff</color>
-  <color name="colorPrimary">#023c69</color>
+  <color name="colorPrimary">#8a8a8a</color>
   <color name="colorPrimaryDark">#ffffff</color>
   <color name="account_background_color">#ffffff</color>
   <color name="link_background_color">#ffffff</color>

src/app/(screens)/food/[id].tsx

@@ -508,31 +508,32 @@ export default function FoodDetail(): React.JSX.Element {
 					{title}
 				</Text>
 			</View>
-			{mealWithDate?.date && (
-				<View style={styles.dateContainer}>
-					<PlatformIcon
-						ios={{
-							name: 'calendar',
-							variant: 'fill',
-							size: 13
-						}}
-						android={{
-							name: 'calendar_today',
-							size: 15
-						}}
-						web={{
-							name: 'Calendar',
-							size: 15
-						}}
-						style={styles.dateIcon}
-					/>
-					<Text style={styles.dateText}>
-						{formatFriendlyDate(mealWithDate.date)}
-					</Text>
-				</View>
-			)}
 
 			<View style={styles.tagsContainer}>
+				{mealWithDate?.date && (
+					<View style={styles.tagContainer}>
+						<PlatformIcon
+							ios={{
+								name: 'calendar',
+								variant: 'fill',
+								size: 13
+							}}
+							android={{
+								name: 'calendar_today',
+								size: 15
+							}}
+							web={{
+								name: 'Calendar',
+								size: 15
+							}}
+							style={styles.tagIcon}
+						/>
+						<Text style={styles.tagText}>
+							{formatFriendlyDate(mealWithDate.date)}
+						</Text>
+					</View>
+				)}
+
 				<View style={styles.tagContainer}>
 					<PlatformIcon
 						ios={{
@@ -552,26 +553,6 @@ export default function FoodDetail(): React.JSX.Element {
 					/>
 					<Text style={styles.tagText}>{humanLocation}</Text>
 				</View>
-
-				<View style={styles.tagContainer}>
-					<PlatformIcon
-						ios={{
-							name: 'tag',
-							variant: 'outline',
-							size: 13
-						}}
-						android={{
-							name: 'sell',
-							size: 15
-						}}
-						web={{
-							name: 'Tag',
-							size: 15
-						}}
-						style={styles.tagIcon}
-					/>
-					<Text style={styles.tagText}>{humanCategory}</Text>
-				</View>
 			</View>
 
 			{isPriceAvailable && (
@@ -734,33 +715,11 @@ const stylesheet = createStyleSheet((theme) => ({
 		justifyContent: 'center',
 		alignItems: 'center'
 	},
-	dateContainer: {
-		flexDirection: 'row',
-		alignItems: 'center',
-		gap: 6,
-		marginBottom: 8,
-		backgroundColor: theme.colors.card,
-		paddingHorizontal: 12,
-		paddingVertical: 6,
-		borderRadius: theme.radius.md,
-		alignSelf: 'flex-start',
-		marginTop: 8,
-		borderWidth: StyleSheet.hairlineWidth,
-		borderColor: theme.colors.border
-	},
-	dateIcon: {
-		color: theme.colors.primary
-	},
-	dateText: {
-		color: theme.colors.text,
-		fontSize: 14,
-		fontWeight: '500'
-	},
 	tagsContainer: {
 		flexDirection: 'row',
 		gap: 8,
 		marginBottom: 16,
-		flexWrap: 'wrap'
+		alignItems: 'center'
 	},
 	tagContainer: {
 		flexDirection: 'row',

src/components/Calendar/ExamsPage.tsx

@@ -76,7 +76,9 @@ export default function ExamsPage({
 	return (
 		<View style={styles.container}>
 			{isLoading ? (
-				<LoadingIndicator />
+				<View style={styles.loadingContainer}>
+					<LoadingIndicator />
+				</View>
 			) : isError ? (
 				<ErrorView
 					title={error?.message ?? t('error.title')}
@@ -145,6 +147,11 @@ const stylesheet = createStyleSheet((theme) => ({
 		flex: 1,
 		width: '100%'
 	},
+	loadingContainer: {
+		flex: 1,
+		justifyContent: 'center',
+		alignItems: 'center'
+	},
 	footerContainer: {
 		marginVertical: 4,
 		paddingBottom: theme.margins.bottomSafeArea