UI revised for registration

src/modules/auth/pages/Register.jsx

@@ -16,6 +16,10 @@ import { Link } from 'react-router-dom'
 import { RegisterForm } from '../components/RegisterForm'
 import { MetadataProvider } from '@/contexts/MetadataContext'
 
+// TODO: flip to true once the hero banner asset is ready; grid auto-centers the
+// left panel while this is false so no other classes need to change either way.
+const SHOW_BANNER = false
+
 export default function Register() {
   return (
     <MetadataProvider
@@ -27,7 +31,7 @@ export default function Register() {
         ogDescription: 'Create an account to access our online course platform.',
       }}
     >
-      <div className="grid min-h-svh lg:grid-cols-2">
+      <div className={`grid min-h-svh ${SHOW_BANNER ? 'lg:grid-cols-2' : ''}`}>
         {/* ── Left panel ── */}
         <div className="flex flex-col gap-4 p-6 md:p-10">
           <div className="flex justify-center">
@@ -42,20 +46,22 @@ export default function Register() {
           </div>
 
           <div className="flex flex-1 items-center justify-center">
-            <div className="w-full max-w-sm">
+            <div className="w-full max-w-xl">
               <RegisterForm />
             </div>
           </div>
         </div>
 
         {/* ── Right panel — hero image ── */}
-        <div className="relative hidden lg:block">
-          <img
-            src="https://cq5as7pc73.ufs.sh/f/pHNnzIw3VjcgzIbC8SR4stTZRKXP3cfbD6e2p9jmdAUQBuox"
-            alt="Philproperties"
-            className="absolute inset-0 h-full w-full object-cover rounded-3xl p-2"
-          />
-        </div>
+        {SHOW_BANNER && (
+          <div className="relative hidden lg:block">
+            <img
+              src="https://cq5as7pc73.ufs.sh/f/pHNnzIw3VjcgzIbC8SR4stTZRKXP3cfbD6e2p9jmdAUQBuox"
+              alt="Philproperties"
+              className="absolute inset-0 h-full w-full object-cover rounded-3xl p-2"
+            />
+          </div>
+        )}
       </div>
     </MetadataProvider>
   )