feat: build Profile and Settings screens with real data from API

[Josue19-08]

🔖 Title

Build Profile and Settings screens — currently tapping the header avatar or settings icon does nothing

---

📄 Description

Two screens referenced in the UI do not exist:

Profile screen — the avatar circle in `Header.tsx` has no `onPress`. There is no profile screen anywhere in the codebase. The avatar uses `https://via.placeholder.com/40\` as a placeholder URL which will not load on native builds.

Settings screen — the gear icon in `Header.tsx` has no `onPress`. There is no settings screen. The `Header.tsx` greeting is hardcoded as `"Good evening, Josué"` — it is neither time-aware nor user-aware.

---

✅ Tasks to complete

Profile screen:

• Create `app/(tabs)/profile.tsx` (or `components/pages/ProfileScreen.tsx`) with:
  • User avatar (from API or local state; fallback to initials if no image)
  • Display name and username
  • Stellar wallet address (truncated with copy-to-clipboard button)
  • Reputation score display (numeric + progress bar)
  • Stats row: total loans, total deposited, member since date
  • "Edit Profile" button (navigates to edit profile form)
  • "Disconnect Wallet" button
• Create `hooks/profile/use-profile.ts` — fetches `GET /users/me` from API, stores result in state, handles loading and error states
• Wire `Header.tsx` avatar `TouchableOpacity` to navigate to profile screen

Settings screen:

• Create `app/settings.tsx` (or `components/pages/SettingsScreen.tsx`) with:
  • Notification preferences toggle (loan reminders on/off)
  • Language selector
  • Dark/light mode toggle
  • Privacy policy link
  • Terms of service link
  • App version display
  • "Sign out" button (clears token + redirects to sign-in)
• Create `hooks/settings/use-settings.ts` — reads/writes settings from `AsyncStorage`
• Wire `Header.tsx` gear icon `TouchableOpacity` to navigate to settings screen

Header fix:

• Make greeting in `Header.tsx` time-aware: "Good morning" (5–11), "Good afternoon" (12–17), "Good evening" (18–23), "Good night" (0–4)
• Replace placeholder avatar URL with real user avatar from profile data; fall back to a circle with user initials if no image is available
• Install `expo-secure-store` or confirm `AsyncStorage` is available for settings persistence

---

📚 Documentation/context for AI

https://github.com/TrustUp-app/TrustUp-Frontend/tree/main/docs

Files to create:

• `app/(tabs)/profile.tsx` or `components/pages/ProfileScreen.tsx`
• `app/settings.tsx` or `components/pages/SettingsScreen.tsx`
• `hooks/profile/use-profile.ts`
• `hooks/settings/use-settings.ts`

Files to modify:

• `components/shared/Header.tsx` (add onPress to avatar and gear icon, fix dynamic greeting)

---

🗒️ Additional notes

• The API endpoint for profile is `GET /users/me` (requires Bearer JWT token in Authorization header)
• Wallet address should be displayed as `G...XXXX` (first 4 + last 4 chars) with a copy icon next to it
• "Sign out" must clear the JWT from secure storage AND reset navigation to the sign-in screen
• Settings do not require an API call — persist locally with AsyncStorage
• Use `EXPO_PUBLIC_API_URL` env variable for the base URL (add to `.env.example` if not present)

[amosleoamadi]

i will love to work on this.
I have experience with react

[EmmanuelAR]

Hey Josue, here emmanuel from cavos costa rica let me work on this, and get involved

[grantfox-oss]

🦊 GrantFox — @EmmanuelAR has been assigned to this issue as part of the Official Campaign | FWC26 campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #59)
2. Your PR will be reviewed by the TrustUp-app maintainers

Good luck! Track your progress on GrantFox.

[EmmanuelAR]

Sure! @Josue19-08 i will start asap