Current state with latest updates

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

@@ -1,10 +1,11 @@
 import React from 'react'
-import { Head, Link } from '@inertiajs/react'
+import { Link } from '@inertiajs/react'
+import SeoHead from '../../../components/seo/SeoHead'
 
-export default function AcademyBillingCancel({ message, links = {} }) {
+export default function AcademyBillingCancel({ seo, message, links = {} }) {
   return (
     <main className="min-h-screen bg-[radial-gradient(circle_at_top_left,_rgba(251,191,36,0.14),_transparent_24%),radial-gradient(circle_at_bottom_right,_rgba(148,163,184,0.14),_transparent_26%),linear-gradient(180deg,_#07111f_0%,_#0f172a_45%,_#111827_100%)] px-4 py-8 sm:px-6 lg:px-8">
-      <Head title="Academy Billing Canceled" />
+      <SeoHead seo={seo || {}} title="Academy Billing Canceled" />
 
       <div className="mx-auto max-w-[920px] space-y-8">
         <section className="rounded-[40px] border border-white/10 bg-[linear-gradient(135deg,rgba(7,17,31,0.95),rgba(12,24,45,0.9),rgba(67,20,7,0.78))] p-8 shadow-[0_32px_100px_rgba(2,6,23,0.42)] md:p-10">
@@ -20,4 +21,4 @@ export default function AcademyBillingCancel({ message, links = {} }) {
       </div>
     </main>
   )
-}
+}