Current state with latest updates

resources/js/Pages/Academy/Billing/Success.jsx

@@ -1,15 +1,16 @@
 import React from 'react'
-import { Head, Link, usePage, useForm } from '@inertiajs/react'
+import { Link, usePage, useForm } from '@inertiajs/react'
 import AccessBadge from '../../../components/academy/billing/AccessBadge'
+import SeoHead from '../../../components/seo/SeoHead'
 
-export default function AcademyBillingSuccess({ currentTier, isSubscribed, links = {} }) {
+export default function AcademyBillingSuccess({ seo, currentTier, isSubscribed, links = {} }) {
   const { auth } = usePage().props
   const sessionId = usePage().props.sessionId || null
   const userEmail = auth?.user?.email ?? null
   const { data, setData, post, processing } = useForm({ message: '', session_id: sessionId })
   return (
     <main className="flex min-h-screen items-center bg-[radial-gradient(circle_at_top_left,_rgba(56,189,248,0.14),_transparent_24%),radial-gradient(circle_at_bottom_right,_rgba(16,185,129,0.14),_transparent_24%),linear-gradient(180deg,_#07111f_0%,_#0f172a_45%,_#111827_100%)] px-4 py-8 sm:px-6 lg:px-8">
-      <Head title="Subscription Confirmed" />
+      <SeoHead seo={seo || {}} title="Academy Subscription Confirmed" />
 
       <div className="mx-auto w-full max-w-[640px] space-y-6">
         <section className="rounded-[40px] border border-emerald-300/20 bg-[linear-gradient(135deg,rgba(7,17,31,0.95),rgba(12,24,45,0.92),rgba(6,78,59,0.82))] p-8 shadow-[0_32px_100px_rgba(2,6,23,0.42)] md:p-10">
@@ -65,4 +66,4 @@ export default function AcademyBillingSuccess({ currentTier, isSubscribed, links
       </div>
     </main>
   )
-}
+}