Integrate Server Actions into Pages to Fetch Data

[lawrencelu5]

This pull request includes several changes to allow pages to fetch data through server actions. The key changes involves refactoring numerous pages into separate async components that handles server-side logic, allowing the application to support dynamic server-side data.

Server Action Integration:

• Each page now call server actions from an async component that follows a [Category]Data.tsx naming format; the component themselves are wrapped by CategoryPost.tsx, which renders a fallback component while fetching data to enhance user experience.
  • Each component uses an optional lang of type "en" | "tr", to indicate whether the page should render in EN or TR. Only hardcoded labels, such as Comments, will be affected by this parameter; the data fetched will not take lang into consideration.
  • The local JSON files have been commented out, but not removed, in the event that local data is required for testing pages.
  • The page renders potential errors gracefully with the new component ErrorHeader.tsx and error.tsx when they occur from network issues, invalid requests, or if no results were found.
    
    

Code Readability Improvements:

• Pages are now grouped by their language categories (category)/(en) and (category)/(tr) for easier readability, with the help of NextJS's documentation on Route Groups. These changes will not affect URL pathing.
• Grouped pages now include a separate layout for their language categories. This is introduced as a workaround regarding incorrect translation for the Back to Home link due to refactored components, when users are browsing in either EN or TR languages.
  • (category)/(en)/layout.tsx
  • (category)/(tr)/layout.tsx
• Some code has been extracted into reusable components that accept a text parameter of type String to maintain readability, while cleaning up repeated sections:
  • FollowUpButton.tsx
    • 
  • ContactUsBanner.tsx
    • 
  • Backlink.tsx
    • 

Minor Schema Fix:

• club.model.ts: The memberSize property has been changed from number to string to correctly parse its expected type "low" | "mid" | "high"
• [category].model.ts: The default exports have been tweaked to resolve an issue, where Mongoose throws out OverwriteModelError: Cannot overwrite 'Model' model once compiled. when a schema is already defined.

This closes issue #14

[vercel]

@lawrencelu5 is attempting to deploy a commit to the atasoya's projects Team on Vercel.

A member of the Team first needs to authorize it.

[atasoya]

Good work!
I am reviewing it :))