feat: apply figma browse mobile redesign

src/pages/Browse/index.tsx

@@ -8,7 +8,7 @@ export function Browse() {
   const q = sp.get("q") || "";
   return (
     <section className="space-y-3">
-      <h1 className="mx-auto max-w-full px-3 text-2xl font-bold md:max-w-[820px] lg:max-w-[1080px] xl:max-w-[1180px]">
+      <h1 className="mx-auto max-w-full px-4 text-2xl font-bold md:max-w-[820px] lg:max-w-[1080px] xl:max-w-[1180px]">
         {q ? `${t("search")}: ${q}` : t("all")}
       </h1>
       <MessageStream scope={{ kind: "all" }} />