fix: await searchParams and params for Next.js 15 async API, compute totalPages in all-users page

thoughts-frontend/app/page.tsx

@@ -29,12 +29,13 @@ import { redirect } from "next/navigation";
 export default async function Home({
   searchParams,
 }: {
-  searchParams: { page?: string };
+  searchParams: Promise<{ page?: string }>;
 }) {
   const token = (await cookies()).get("auth_token")?.value ?? null;
+  const resolvedSearchParams = await searchParams;
 
   if (token) {
-    return <FeedPage token={token} searchParams={searchParams} />;
+    return <FeedPage token={token} searchParams={resolvedSearchParams} />;
   } else {
     return <LandingPage />;
   }

thoughts-frontend/app/search/page.tsx

@@ -5,11 +5,12 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { ThoughtList } from "@/components/thought-list";
 
 interface SearchPageProps {
-  searchParams: { q?: string };
+  searchParams: Promise<{ q?: string }>;
 }
 
 export default async function SearchPage({ searchParams }: SearchPageProps) {
-  const query = searchParams.q || "";
+  const { q } = await searchParams;
+  const query = q || "";
   const token = (await cookies()).get("auth_token")?.value ?? null;
 
   if (!query) {

thoughts-frontend/app/tags/[tagName]/page.tsx

@@ -7,11 +7,11 @@ import { notFound } from "next/navigation";
 import { Hash } from "lucide-react";
 
 interface TagPageProps {
-  params: { tagName: string };
+  params: Promise<{ tagName: string }>;
 }
 
 export default async function TagPage({ params }: TagPageProps) {
-  const { tagName } = params;
+  const { tagName } = await params;
   const token = (await cookies()).get("auth_token")?.value ?? null;
 
   const [thoughtsResult, meResult] = await Promise.allSettled([

thoughts-frontend/app/thoughts/[thoughtId]/page.tsx

@@ -11,7 +11,7 @@ import { ThoughtThread } from "@/components/thought-thread";
 import { notFound } from "next/navigation";
 
 interface ThoughtPageProps {
-  params: { thoughtId: string };
+  params: Promise<{ thoughtId: string }>;
 }
 
 function collectAuthors(thread: ThoughtThreadType): string[] {
@@ -23,7 +23,7 @@ function collectAuthors(thread: ThoughtThreadType): string[] {
 }
 
 export default async function ThoughtPage({ params }: ThoughtPageProps) {
-  const { thoughtId } = params;
+  const { thoughtId } = await params;
   const token = (await cookies()).get("auth_token")?.value ?? null;
 
   const [threadResult, meResult] = await Promise.allSettled([

thoughts-frontend/app/users/[username]/followers/page.tsx

@@ -4,11 +4,11 @@ import { getFollowersList } from "@/lib/api";
 import { UserListCard } from "@/components/user-list-card";
 
 interface FollowersPageProps {
-  params: { username: string };
+  params: Promise<{ username: string }>;
 }
 
 export default async function FollowersPage({ params }: FollowersPageProps) {
-  const { username } = params;
+  const { username } = await params;
   const token = (await cookies()).get("auth_token")?.value ?? null;
 
   const followersData = await getFollowersList(username, token).catch(

thoughts-frontend/app/users/[username]/following/page.tsx

@@ -4,11 +4,11 @@ import { getFollowingList } from "@/lib/api";
 import { UserListCard } from "@/components/user-list-card";
 
 interface FollowingPageProps {
-  params: { username: string };
+  params: Promise<{ username: string }>;
 }
 
 export default async function FollowingPage({ params }: FollowingPageProps) {
-  const { username } = params;
+  const { username } = await params;
   const token = (await cookies()).get("auth_token")?.value ?? null;
 
   const followingData = await getFollowingList(username, token).catch(

thoughts-frontend/app/users/[username]/page.tsx

@@ -21,11 +21,11 @@ import { Button } from "@/components/ui/button";
 import Link from "next/link";
 
 interface ProfilePageProps {
-  params: { username: string };
+  params: Promise<{ username: string }>;
 }
 
 export default async function ProfilePage({ params }: ProfilePageProps) {
-  const { username } = params;
+  const { username } = await params;
   const token = (await cookies()).get("auth_token")?.value ?? null;
 
   const userProfilePromise = getUserProfile(username, token);

thoughts-frontend/app/users/all/page.tsx

@@ -11,9 +11,10 @@ import {
 export default async function AllUsersPage({
   searchParams,
 }: {
-  searchParams: { page?: string };
+  searchParams: Promise<{ page?: string }>;
 }) {
-  const page = parseInt(searchParams.page ?? "1", 10);
+  const { page: pageStr } = await searchParams;
+  const page = parseInt(pageStr ?? "1", 10);
   const usersData = await getAllUsers(page).catch(() => null);
 
   if (!usersData) {
@@ -27,7 +28,8 @@ export default async function AllUsersPage({
     );
   }
 
-  const { items, totalPages } = usersData;
+  const { items, total, perPage } = usersData;
+  const totalPages = Math.ceil(total / perPage);
 
   return (
     <div className="container mx-auto max-w-2xl p-4 sm:p-6">