add results

src/app/search/web/page.jsx

@@ -32,5 +32,5 @@ export default async function WebSearchPage({ searchParams }) {
       </div>
     );
   }
-  return <>{results && <><WebSearchResults results={data} /><WebSearchResults results={data} /></>}</>;
+  return <>{results && <WebSearchResults results={data} />}</>;
 }

src/components/WebSearchResults.jsx

@@ -5,28 +5,33 @@ import PaginationButtons from "./PaginationButtons";
 export default function WebSearchResults({ results }) {
   return (
     <div className="w-full mx-auto px-3 pb-40 sm:pb-24 sm:pl-[5%] md:pl-[14%] lg:pl-52">
-      <p className="text-gray-600 text-sm mb-5 mt-3">
-        About {results.searchInformation?.formattedTotalResults} results (
-        {results.searchInformation?.formattedSearchTime} seconds)
-      </p>
-      {results.items?.map((result) => (
-        <div className="mb-8 max-w-xl" key={result.link}>
-          <div className="group flex flex-col">
-            <Link rel="noopener noreferrer" target="_blank" className="text-sm truncate" href={result.link}>
-              {result.formattedUrl}
-            </Link>
-            <Link
-              rel="noopener noreferrer" target="_blank"
-              className="group-hover:underline decoration-blue-800 text-xl truncate font-medium text-blue-800"
-              href={result.link}
-            >
-              {result.title}
-            </Link>
+      <div className="flex-grow">
+        <p className="text-gray-600 text-sm mb-5 mt-3">
+          About {results.searchInformation?.formattedTotalResults} results (
+          {results.searchInformation?.formattedSearchTime} seconds)
+        </p>
+        {results.items?.map((result) => (
+          <div className="mb-8 max-w-xl" key={result.link}>
+            <div className="group flex flex-col">
+              <Link rel="noopener noreferrer" target="_blank" className="text-sm truncate" href={result.link}>
+                {result.formattedUrl}
+              </Link>
+              <Link
+                rel="noopener noreferrer" target="_blank"
+                className="group-hover:underline decoration-blue-800 text-xl truncate font-medium text-blue-800"
+                href={result.link}
+              >
+                {result.title}
+              </Link>
+            </div>
+            <p className="text-gray-600">{Parser(result.htmlSnippet)}</p>
           </div>
-          <p className="text-gray-600">{Parser(result.htmlSnippet)}</p>
-        </div>
-      ))}
-      <PaginationButtons />
+        ))}
+        <PaginationButtons />
+      </div>
+      <div className="w-1/4">
+          <h1>Test</h1>
+      </div>
     </div>
   );
 }