chore: Simpify search page (#125)

src/pages/s.tsx

@@ -1,14 +1,15 @@
-import { parseSearchState, SearchProvider } from '@faststore/sdk'
+import { parseSearchState, SearchProvider, useSession } from '@faststore/sdk'
 import { graphql } from 'gatsby'
 import React, { useMemo } from 'react'
+import ProductGallery from 'src/components/sections/ProductGallery'
 import { ITEMS_PER_PAGE } from 'src/constants'
 import { applySearchState } from 'src/sdk/search/state'
-import View from 'src/views/search'
 import type { PageProps } from 'gatsby'
 import type {
   SearchPageQueryQuery,
   SearchPageQueryQueryVariables,
 } from '@generated/graphql'
+import { GatsbySeo } from 'gatsby-plugin-next-seo'
 
 export type Props = PageProps<
   SearchPageQueryQuery,
@@ -19,7 +20,13 @@ const useSearchParams = ({ href }: Location) =>
   useMemo(() => href && parseSearchState(new URL(href)), [href])
 
 function Page(props: Props) {
+  const {
+    data: { site },
+  } = props
+
+  const { locale } = useSession()
   const searchParams = useSearchParams(props.location)
+  const title = site?.siteMetadata?.title ?? ''
 
   if (!searchParams) {
     return null
@@ -31,15 +38,39 @@ function Page(props: Props) {
       itemsPerPage={ITEMS_PER_PAGE}
       {...searchParams}
     >
-      <View {...props} />
+      {/* SEO */}
+      <GatsbySeo
+        noindex
+        language={locale}
+        title={title}
+        description={site?.siteMetadata?.description ?? ''}
+        titleTemplate={site?.siteMetadata?.titleTemplate ?? ''}
+        openGraph={{
+          type: 'website',
+          title,
+          description: site?.siteMetadata?.description ?? '',
+        }}
+      />
+
+      {/*
+        Sections: Components imported from '../components/sections' only.
+        Do not import or render components from any other folder in here.
+      */}
+      <h1 className="absolute top-[-100px]">{title}</h1>
+
+      <ProductGallery title="Search Results" />
     </SearchProvider>
   )
 }
 
 export const query = graphql`
   query SearchPageQuery {
     site {
-      ...SearchSeoFragment_site
+      siteMetadata {
+        titleTemplate
+        title
+        description
+      }
     }
   }
 `