سأقوم بإنشاء 5 صفحات رئيسية مع وظائف حقيقية متصلة بـ Supabase:

I'll fix the error that's occurring when a component tries to update state during rendering. This typically happens when a setState call is made directly in the render function instead of in an effect or event handler.

These changes fix the "Cannot update a component while rendering a different component" error by:

1. Using functional updates for all state setters to ensure we're not depending on stale state values
2. Fixing the syntax error in the profile-posts.tsx file that had an extra : false, })) fragment
3. Adding proper conditional logic to handle empty data cases without triggering unnecessary state updates
4. Ensuring all state updates in real-time subscriptions and event handlers use functional updates

The key issue was that some components were directly updating state based on the current state value during rendering, which React doesn't allow. By using functional updates (like setPosts(prevPosts => ...) instead of setPosts([...posts, ...])) we ensure we're always working with the latest state values and not causing render-time state updates.