Wire admin studio SSR and search infrastructure

resources/js/Pages/Feed/SearchFeed.jsx

@@ -1,6 +1,7 @@
 import React, { useState, useEffect, useCallback, useRef } from 'react'
 import { usePage } from '@inertiajs/react'
 import axios from 'axios'
+import SeoHead from '../../components/seo/SeoHead'
 import PostCard          from '../../Components/Feed/PostCard'
 import PostCardSkeleton  from '../../Components/Feed/PostCardSkeleton'
 
@@ -36,7 +37,7 @@ function TrendingHashtagsSidebar({ hashtags }) {
 /* ── Main page ─────────────────────────────────────────────────────────────── */
 export default function SearchFeed() {
   const { props }                          = usePage()
-  const { auth, initialQuery, trendingHashtags } = props
+  const { auth, initialQuery, trendingHashtags, seo } = props
   const authUser                           = auth?.user ?? null
 
   const [query,   setQuery]   = useState(initialQuery ?? '')
@@ -124,7 +125,9 @@ export default function SearchFeed() {
   const hasResults   = results.length > 0
 
   return (
-    <div className="min-h-screen bg-[#080f1e]">
+    <>
+      <SeoHead seo={seo} />
+      <div className="min-h-screen bg-[#080f1e]">
       <div className="max-w-5xl mx-auto px-4 pt-8 pb-16">
         <div className="flex gap-8">
 
@@ -251,5 +254,6 @@ export default function SearchFeed() {
         </div>
       </div>
     </div>
+    </>
   )
 }