redesign take 2 complete

fix artefacts from previous dessign

apps/mobile/src/app/(tabs)/recommendations.tsx

@@ -130,19 +130,24 @@ export default function RecommendationsScreen() {
       >
         {/* Header */}
         <View style={styles.header}>
-          <View>
-            <Text style={[typography.h1, { color: colors.textPrimary }]}>
-              ✨ AI Recommendations
+          <View style={{ flex: 1 }}>
+            <Text
+              style={[
+                typography.h1,
+                { color: colors.textPrimary, fontSize: 32 },
+              ]}
+            >
+              Recommendations
             </Text>
             <Text
               style={[
                 typography.body,
-                { color: colors.textSecondary, marginTop: 4 },
+                { color: colors.textSecondary, marginTop: 8 },
               ]}
             >
               {recommendations.length === 0
-                ? "Let's create your perfect plan! 🚀"
-                : `${recommendations.length} plan${recommendations.length !== 1 ? "s" : ""} ready for you! 💪`}
+                ? "Let's create your perfect plan!"
+                : `${recommendations.length} plan${recommendations.length !== 1 ? "s" : ""} ready for you!`}
             </Text>
           </View>
           <TouchableOpacity
@@ -152,9 +157,10 @@ export default function RecommendationsScreen() {
           >
             <IconContainer
               variant="colored"
-              backgroundColor={`${colors.accent}20`}
+              backgroundColor={colors.accent}
+              size="lg"
             >
-              <Ionicons name="sparkles" size={24} color={colors.accent} />
+              <Ionicons name="sparkles" size={24} color={colors.white} />
               {unreadCount > 0 && (
                 <View
                   style={[
@@ -174,10 +180,11 @@ export default function RecommendationsScreen() {
         {/* Generate Button */}
         <View style={styles.section}>
           <MinimalButton
-            title="🎯 Generate New Plan"
+            title="Generate New Plan"
             onPress={handleGenerateRecommendation}
             variant="primary"
             size="lg"
+            fullWidth
             loading={generating}
             disabled={generating}
             textStyle={{ fontSize: 16 }}