Web/search page subfroum page

[TheRealLowyer]

Search Page Enhancements

1. Dynamic Category Search:

   • Integrated backend search APIs (/search/tags, /search/subforums, /search/posts, /search/users, and /search/asset).
   • Added dynamic rendering based on selected category (tags, subforums, posts, users, popular).
   • Processed and displayed fetched data for each category:
     • Tags: Simple display of tag names.
     • Subforums: Linked to individual subforum pages.
     • Posts: Directly passed post objects to PostHeader for rendering.
     • Users: Displayed user avatars, names, and follower counts.
     • Assets: Added AssetCard for a clean and visually engaging asset display.
   • Asset Search:
     • Integrated search results for assets into the popular category.
     • Linked asset cards to /asset/:id routes.

2. Improved Styling:

   • Introduced modular CSS to enhance the UI/UX for search results.
   • Customized the appearance of tags, subforums, users, and assets with distinct styles.
   • Ensured mobile responsiveness and consistent layout.

3. Loading and Error Handling:

   • Added loading indicators while fetching data.
   • Displayed error messages when API calls fail or no results are found.

---

Subforum Page Enhancements

1. Dynamic Subforum Rendering:

   • Replaced static fetch logic with a service function (getSubforum) to fetch subforum data from the /subforum/:id endpoint.
   • Displayed subforum details:
     • Name
     • Description
     • Post count
     • Follower count

2. Follow/Unfollow Feature:

   • Implemented dynamic Follow and Unfollow buttons:
     • Only visible to authenticated users.
     • Updates UI and backend state upon click.
     • Backend integration with /subforum/follow and /subforum/unfollow endpoints.
   • Added smooth state management for isFollowing to reflect real-time changes.

3. Post Feed Integration:

   • Used the Feed component to display posts within a subforum.
   • Passed posts fetched from the subforum API directly to the Feed component for rendering.

4. Styling Improvements:

   • Styled subforum headers with the theme color (#5d5fef).
   • Styled Follow and Unfollow buttons to align with the theme and provide hover effects.
   • Enhanced responsiveness and consistency with other pages.

---

General Enhancements

• Refactored API calls into modular service functions for better reusability and maintainability.
• Improved error handling, loading states, and dynamic data rendering across both pages.
• Enhanced code readability and structure to ensure scalability.

---

Summary

This PR significantly improves the Search and Subforum pages by adding backend integrations, dynamic rendering, and enhanced styling. These changes provide a more robust and user-friendly experience.

[OguzTNCR]

Well done.