feat: align figma browse and category sections

src/components/messageStream/MessageStream.tsx

@@ -72,10 +72,10 @@ export function MessageStream({ scope }: MessageStreamProps) {
   };
 
   return (
-    <div className="mx-auto max-w-full px-4 md:max-w-[820px] lg:max-w-[1080px] xl:max-w-[1180px]">
+    <div className="mx-auto max-w-full md:max-w-[820px] lg:max-w-[1080px] xl:max-w-[1180px]">
       <FilterChips type={type} onTypeChange={(v) => updateParam("type", v)} />
 
-      <div className="flex flex-col gap-3 pt-2">
+      <div className="flex flex-col gap-3 px-4 pt-4 md:px-0 md:pt-2">
         {groups.map((group) => (
           <div key={group.dayKey} className="flex flex-col gap-3">
             {group.items.map((post) => (