Wire admin studio SSR and search infrastructure

resources/js/Pages/Forum/ForumSection.jsx

@@ -1,7 +1,8 @@
 import React from 'react'
 import Breadcrumbs from '../../components/forum/Breadcrumbs'
+import SeoHead from '../../components/seo/SeoHead'
 
-export default function ForumSection({ category, boards = [] }) {
+export default function ForumSection({ category, boards = [], seo = {} }) {
   const name = category?.name ?? 'Forum Section'
   const description = category?.description
   const preview = category?.preview_image ?? '/images/forum/default.jpg'
@@ -13,7 +14,9 @@ export default function ForumSection({ category, boards = [] }) {
   ]
 
   return (
-    <div className="mx-auto max-w-6xl px-4 pb-20 pt-10 sm:px-6 lg:px-8">
+    <>
+      <SeoHead seo={seo} />
+      <div className="mx-auto max-w-6xl px-4 pb-20 pt-10 sm:px-6 lg:px-8">
       <Breadcrumbs items={breadcrumbs} />
 
       <section className="mt-5 overflow-hidden rounded-3xl border border-white/10 bg-nova-800/55 shadow-xl backdrop-blur">
@@ -64,5 +67,6 @@ export default function ForumSection({ category, boards = [] }) {
         )}
       </section>
     </div>
+    </>
   )
 }