Search page (#73)

* feat: base search

* feat: link pills, speakers and topic cards to search

* feat: mobile responsiveness

* fix: cleanups and loader

* fix: sort fields and query

* refactor: switch useSearch to context from hook

* fix: prevent deopt to CSR with suspense

* feat: clickable pills either as link or function

* feat: loaders

* fix: use tagsDetailed from rebase

* fix: search behaviour logic and search results ui

* refactor: break search box into mobile component, standalone mobile filter menu

* fix(hydration-error): Pills as buttons on featured transcripts

* fix(review-fixes): source naming, result card UI, pagination, readme, use summary

* fix(review-fixes): searchbox clear on page navigation and get topic title for topics facet

* feat(optimizations): too many unnecessary prefetch requests, remove bloated data from landing page

* fix(search): prevent overflow on search results, add mapped topic name in applied filters

* fix(mobile): quality of life improvements

Author: Emmanuel-Develops

.env.example

@@ -0,0 +1,3 @@
+API_KEY="ELASTIC_API_KEY"
+CLOUD_ID="ELASTIC_CLOUD_ID"
+INDEX="ELASTIC_INDEX"

README.md

@@ -2,7 +2,10 @@ This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next
 
 ## Getting Started
 
-First, run the development server:
+Get keys for ElasticSearch and add them to `.env.` file.
+namely: `API_KEY`, `CLOUD_ID`, and `INDEX`.
+
+Then, run the development server:
 
 ```bash
 npm run dev

next.config.mjs

@@ -1,4 +1,5 @@
 /** @type {import('next').NextConfig} */
+import exp from "constants";
 import { withContentlayer } from "next-contentlayer2";
 const nextConfig = {
   rewrites: async () => {
@@ -49,6 +50,9 @@ const nextConfig = {
       },
     ],
   },
+  experimental: {
+    missingSuspenseWithCSRBailout: false,
+  },
 };
 
 export default withContentlayer(nextConfig);