fix: unify page container max-w and padding across all pages

- Home CTA buttons: hover now fills with primary color for clear feedback
- Pricing/Docs/About: change px-4 to px-6 to match home page
- Wallet: change max-w-7xl to max-w-6xl to match nav
- Footer: change max-w-5xl to max-w-6xl for consistency

web/default/src/components/layout/components/footer.tsx

@@ -150,7 +150,7 @@ export function Footer(props: FooterProps) {
     <footer
       className={cn('border-border bg-background border-t', props.className)}
     >
-      <div className='mx-auto max-w-5xl px-6 py-8'>
+      <div className='mx-auto max-w-6xl px-6 py-8'>
         <div className='flex flex-col items-center justify-between gap-4 sm:flex-row'>
           {/* Brand */}
           <Link to='/' className='group flex items-center gap-2'>

web/default/src/features/about/index.tsx

@@ -167,7 +167,7 @@ export function About() {
 
   return (
     <PublicLayout>
-      <div className='mx-auto max-w-6xl px-4 py-8'>
+      <div className='mx-auto max-w-6xl px-6 py-8'>
         {isHtml ? (
           <div
             className='prose prose-neutral dark:prose-invert max-w-none'

web/default/src/features/docs/index.tsx

@@ -250,7 +250,7 @@ export function Docs() {
 
   return (
     <PublicLayout>
-      <div className='mx-auto w-full max-w-6xl px-4 pt-20 pb-12'>
+      <div className='mx-auto w-full max-w-6xl px-6 pt-20 pb-12'>
         {/* Page header */}
         <div className='mb-8 text-center'>
           <h1 className='text-2xl font-bold tracking-tight sm:text-3xl text-foreground'>

web/default/src/features/home/components/sections/hero.tsx

@@ -196,7 +196,7 @@ export function Hero(props: HeroProps) {
           <div className='mt-8 flex items-center justify-center gap-3'>
             {props.isAuthenticated ? (
               <Button
-                className='inline-flex items-center gap-1.5 rounded-lg border border-primary/40 bg-primary/10 px-5 py-2.5 text-sm font-medium text-primary transition-all hover:bg-primary/20 hover:border-primary/50'
+                className='inline-flex items-center gap-1.5 rounded-lg border border-primary/40 bg-primary/10 px-5 py-2.5 text-sm font-medium text-primary transition-all hover:bg-primary hover:text-primary-foreground hover:border-primary'
                 render={<Link to='/dashboard' />}
               >
                 {t('Dashboard')}
@@ -204,7 +204,7 @@ export function Hero(props: HeroProps) {
             ) : (
               <>
                 <Button
-                  className='inline-flex items-center gap-1.5 rounded-lg border border-primary/40 bg-primary/10 px-5 py-2.5 text-sm font-medium text-primary transition-all hover:bg-primary/20 hover:border-primary/50'
+                  className='inline-flex items-center gap-1.5 rounded-lg border border-primary/40 bg-primary/10 px-5 py-2.5 text-sm font-medium text-primary transition-all hover:bg-primary hover:text-primary-foreground hover:border-primary'
                   render={<Link to='/sign-up' />}
                 >
                   {t('Get Started')}

web/default/src/features/pricing/index.tsx

@@ -158,7 +158,7 @@ export function Pricing() {
               backgroundSize: '24px 24px',
             }}
           />
-          <div className='relative mx-auto w-full max-w-6xl px-4 pt-20 pb-8'>
+          <div className='relative mx-auto w-full max-w-6xl px-6 pt-20 pb-8'>
             <LoadingSkeleton viewMode={viewMode} />
           </div>
         </div>
@@ -188,7 +188,7 @@ export function Pricing() {
           }}
         />
 
-        <PageTransition className='relative mx-auto w-full max-w-6xl px-4 pt-20 pb-12'>
+        <PageTransition className='relative mx-auto w-full max-w-6xl px-6 pt-20 pb-12'>
           {/* Header */}
           <header className='mb-8 text-center'>
             <h1 className='text-[clamp(1.75rem,4vw,2.5rem)] leading-tight font-bold tracking-[-0.025em] text-foreground'>

web/default/src/features/wallet/index.tsx

@@ -262,7 +262,7 @@ export function Wallet(props: WalletProps) {
       <SectionPageLayout>
         <SectionPageLayout.Title>{t('Wallet')}</SectionPageLayout.Title>
         <SectionPageLayout.Content>
-          <div className='mx-auto flex w-full max-w-7xl flex-col gap-4 sm:gap-5'>
+          <div className='mx-auto flex w-full max-w-6xl flex-col gap-4 sm:gap-5'>
             <WalletStatsCard user={user} loading={userLoading} />
 
             <div