Fix PresidentScreen: use GradientHeader, remove manual header

mobile/src/navigation/HomeStackNavigator.tsx

@@ -82,7 +82,14 @@ const HomeStackNavigator: React.FC = () => {
       <Stack.Screen name="B2B" component={B2BScreen} options={{ headerTitle: 'B2B Bazirganî' }} />
       <Stack.Screen name="TaxZekat" component={TaxZekatScreen} options={{ headerTitle: 'Bac & Zekat' }} />
       <Stack.Screen name="Launchpad" component={LaunchpadScreen} options={{ headerTitle: '🚀 Launchpad' }} />
-      <Stack.Screen name="President" component={PresidentScreen} options={{ headerTitle: 'Serok' }} />
+      <Stack.Screen
+        name="President"
+        component={PresidentScreen}
+        options={{
+          headerTitle: '👑 Serokî / President',
+          header: (props) => <GradientHeader {...props} subtitle="Hilbijartina Serokê Komarê" gradientColors={[KurdistanColors.kesk, '#006633']} />
+        }}
+      />
       <Stack.Screen name="Vote" component={VoteScreen} options={{ headerTitle: 'Deng' }} />
       <Stack.Screen name="Validators" component={ValidatorsScreen} options={{ headerTitle: 'Validators' }} />
       <Stack.Screen name="Proposals" component={ProposalsScreen} options={{ headerTitle: 'Pêşniyar' }} />

mobile/src/screens/PresidentScreen.tsx

@@ -354,31 +354,6 @@ const PresidentScreen: React.FC = () => {
     <SafeAreaView style={styles.container}>
       <StatusBar barStyle="light-content" />
 
-      {/* Header */}
-      <LinearGradient
-        colors={[KurdistanColors.kesk, '#006633']}
-        style={styles.header}
-      >
-        <View style={styles.headerContent}>
-          <Text style={styles.headerIcon}>👑</Text>
-          <Text style={styles.headerTitle}>Serokî / President</Text>
-          <Text style={styles.headerSubtitle}>Hilbijartina Serokê Komarê</Text>
-        </View>
-
-        {/* Kurdistan Sun decoration */}
-        <View style={styles.sunDecoration}>
-          <View style={styles.sunCenter} />
-          {[...Array(21)].map((_, i) => (
-            <View
-              key={i}
-              style={[
-                styles.sunRay,
-                { transform: [{ rotate: `${i * (360 / 21)}deg` }] }
-              ]}
-            />
-          ))}
-        </View>
-      </LinearGradient>
 
       {/* Tab Navigation */}
       <View style={styles.tabContainer}>