Fix PayPal billing flow and mobile admin UX

resources/js/guest/router.tsx

@@ -46,7 +46,7 @@ function HomeLayout() {
 
   if (!token) {
     return (
-      <div className="pb-16">
+      <div className="guest-layout">
         <Header title="Event" />
         <div className="px-4 py-3">
           <RouteTransition />
@@ -132,7 +132,7 @@ function EventBoundary({ token }: { token: string }) {
       <EventBrandingProvider branding={branding}>
         <EventStatsProvider eventKey={token}>
           <NotificationCenterProvider eventToken={token}>
-            <div className="pb-16">
+            <div className="guest-layout">
               <Header eventToken={token} />
               <div className={contentPaddingClass}>
                 <RouteTransition />
@@ -341,7 +341,7 @@ function SimpleLayout({ title, children }: { title: string; children: React.Reac
   const matomoEnabled = typeof window !== 'undefined' && Boolean((window as any).__MATOMO_GUEST__?.enabled);
   return (
     <EventBrandingProvider>
-      <div className="pb-16">
+      <div className="guest-layout">
         <Header title={title} />
         <div className="px-4 py-3">
           <RouteTransition>{children}</RouteTransition>