Moved logout button

app/(tabs)/settings/index.tsx

@@ -3,7 +3,6 @@ import { useRouter } from 'expo-router';
 import ParallaxScrollView from '@/components/default/ParallaxScrollView';
 import { ThemedText, ThemedTextButton, ThemedView } from '@/components/theme';
 import { IconSymbol } from '@/components/ui/IconSymbol';
-import Logout_Button from '@/components/auth/Logout_Button';
 
 const SettingsScreen = () => {
   const router = useRouter();
@@ -35,7 +34,6 @@ const SettingsScreen = () => {
       </ThemedView>
       
       <ThemedView style={styles.section}>
-        <Logout_Button />
       </ThemedView>
     </ParallaxScrollView>
   );

app/(tabs)/settings/profile.tsx

@@ -6,6 +6,7 @@ import { ThemedView, ThemedText, ThemedTextButton, ThemedTextInput } from '@/com
 import { IconSymbol } from '@/components/ui/IconSymbol';
 import Avatar from '@/components/auth/Profile_Avatar';
 import { Session } from '@supabase/supabase-js'
+import Logout_Button from '@/components/auth/Logout_Button';
 
 export default function ProfileScreen() {
   const [loading, setLoading] = useState(false);
@@ -101,6 +102,12 @@ export default function ProfileScreen() {
         width='90%'
         style={styles.saveButton}
       />
+      <Logout_Button 
+        fontSize={18}
+        fontWeight='semibold'
+        width='90%'
+        style={styles.logoutButton}
+      />
 
     </ThemedView>
   );
@@ -150,7 +157,12 @@ const styles = StyleSheet.create({
     marginBottom: 20,
   },
   saveButton: {
-    paddingVertical: 14,
+    borderRadius: 8,
+    alignItems: 'center',
+  },
+  logoutButton: {
+    backgroundColor: 'red',
+    marginTop: 50,
     borderRadius: 8,
     alignItems: 'center',
   },