feat : let fiter be inline of search bar in public dashboard

components/public/structured-directory.tsx

@@ -107,7 +107,8 @@ export function StructuredDirectory({ guides }: { guides: GuideCard[] }) {
   }
   return (
     <div className="flex flex-col gap-8">
-      <InputGroup className="h-11 max-w-2xl">
+      <div className="flex flex-wrap items-center gap-2">
+        <InputGroup className="h-11 min-w-64 flex-1">
           <InputGroupAddon>
             <SearchIcon />
           </InputGroupAddon>
@@ -124,6 +125,7 @@ export function StructuredDirectory({ guides }: { guides: GuideCard[] }) {
           <GuideFilter label="ดาว" value={rarity} options={rarities.map(String)} onChange={(value) => setParam("rarity", value)} />
           <GuideFilter label="เรียงตาม" value={sort} options={["manual", "recent"]} optionLabels={{ manual: "แนะนำ", recent: "อัปเดตล่าสุด" }} includeAll={false} onChange={(value) => setParam("sort", value)} />
         </div>
+      </div>
 
       {filtered.length ? (
         <div className="grid gap-5 sm:grid-cols-2 lg:grid-cols-3">