Made some handling updates, refresh updates, and layout updates. among that, intense markdown updates.

[elifouts]

This pull request updates several screens in the frontend to improve consistency and user experience, especially regarding safe area handling and refresh controls. The main changes include standardizing the use of the SafeAreaView component, updating refresh control appearance and behavior, and simplifying padding logic across multiple screens.

Safe Area Handling:

• Changed all usages of SafeAreaView to specify edges={["top"]} instead of an empty array, ensuring only the top safe area is respected and improving layout consistency across devices. [1] [2] [3] [4] [5] [6] [7] frontend/app/post/[postId].tsxL644-R644, [8] [9] frontend/app/stream/[projectId].tsxL298-R298, [10] frontend/app/user/[username].tsxL384-R384)

Refresh Control Updates:

• Updated all RefreshControl components to:
  • Use the colors and titleColor props for consistent tint coloring.
  • Set a fixed progressViewOffset={48} instead of a value based on insets, ensuring uniform refresh indicator positioning. [1] [2] [3] [4] [5] [6] [7] frontend/app/post/[postId].tsxL659-R669, [8] [9] frontend/app/stream/[projectId].tsxL308-R317, [10] frontend/app/user/[username].tsxL394-R401)

Padding and Layout Simplification:

• Simplified padding logic by removing the addition of insets.top to the top padding, now using a fixed value (paddingTop: 8). This change is applied to all relevant screens for consistency. [1] [2] [3] [4] [5] [6] [7] frontend/app/post/[postId].tsxL659-R669, [8] [9] frontend/app/stream/[projectId].tsxL308-R317, [10] frontend/app/user/[username].tsxL394-R401)

These changes make the UI more predictable and visually consistent across different screens and devices.