feat: align figma browse and category sections

src/layouts/PublicLayout.tsx

@@ -531,8 +531,10 @@ export function PublicLayout() {
       </header>
 
       <main
-        className={`mx-auto w-full max-w-[1280px] px-4 pt-6 min-[440px]:px-5 sm:px-6 md:px-9 md:pt-10 xl:px-0 ${
-          footerInContentFlow ? "pb-0" : "flex-1 pb-6 md:pb-10"
+        className={`mx-auto w-full max-w-[1280px] ${
+          footerInContentFlow
+            ? "px-0 pb-0 pt-0 md:px-9 md:pt-10 xl:px-0"
+            : "flex-1 px-4 pb-6 pt-6 min-[440px]:px-5 sm:px-6 md:px-9 md:pb-10 md:pt-10 xl:px-0"
         }`}
       >
         <Outlet />