chore: add pagging to lw

apps/www/components/LaunchWeek/LaunchSection/LaunchWeekPrizeSection.tsx

@@ -11,7 +11,7 @@ export default function LaunchWeekPrizeSection({ className }: { className?: stri
       <div className="">
         <div className="text-center relative z-10 text-white">
           <motion.div
-            className="max-w-[38rem] mx-auto px-4 flex flex-col items-center gap-4"
+            className="max-w-[38rem] mx-auto flex flex-col items-center gap-4"
             initial={{ y: -20, opacity: 0 }}
             whileInView={finalAnimationState}
             viewport={{ once: true, margin: '-150px' }}
@@ -56,7 +56,7 @@ export default function LaunchWeekPrizeSection({ className }: { className?: stri
             </p>
           </motion.div>
         </div>
-        <div className="px-4 pt-24">
+        <div className="pt-24">
           <div className="grid grid-cols-1 md:grid-cols-2 col-span-2 lg:grid-cols-5 gap-4 max-w-7xl mx-auto text-white">
             <LaunchWeekPrizeCard
               imageUrl="/images/launchweek/seven/keyboard.jpg"

apps/www/components/Nav/index.tsx

@@ -112,7 +112,7 @@ const Nav = () => {
 
   const HamburgerButton = (props: HamburgerButtonProps) => (
     <div
-      className="absolute inset-y-0 left-0 flex items-center px-2 lg:hidden"
+      className="absolute inset-y-0 left-0 flex items-center px-4 lg:hidden"
       onClick={() => props.toggleFlyOut()}
     >
       <button

apps/www/pages/launch-week/index.tsx

@@ -116,7 +116,7 @@ export default function TicketHome({ users }: Props) {
             />
           </div>
 
-          <div className="relative !w-full !px-2 sm:max-w-xl md:max-w-2xl lg:max-w-7xl -mt-48 md:mt-[-460px] z-20 flex flex-col justify-around items-center !py-4 md:!py-8 gap-2 md:gap-4 !mx-auto">
+          <div className="relative !w-full !px-4 sm:max-w-xl md:max-w-2xl lg:max-w-7xl -mt-48 md:mt-[-460px] z-20 flex flex-col justify-around items-center !py-4 md:!py-8 gap-2 md:gap-4 !mx-auto">
             <LW7Releases />
             <div className="w-full flex justify-center py-8 md:py-14 !px-2">
               {supabase && (

apps/www/pages/launch-week/tickets/[username].tsx

@@ -95,7 +95,7 @@ export default function UsernamePage({ user, users, ogImageUrl }: Props) {
             </div>
             <div className={['bg-lw7-gradient absolute inset-0 z-0', golden && 'gold'].join(' ')} />
           </div>
-          <LaunchWeekPrizeSection className="-mt-20 md:-mt-60" />
+          <LaunchWeekPrizeSection className="-mt-20 md:-mt-60 px-4" />
           <TicketBrickWall users={users} />
         </div>
         <CTABanner />