fix: use available width for public badge grid

src/components/profile/PublicProfileBadges.tsx

@@ -35,7 +35,11 @@ export function PublicProfileBadges({ badges }: { badges: PublicGamificationBadg
         </section>
       ) : null}
 
-      <ActivityBadgePaths badges={badges} title="نشان‌ها" gridClassName="grid gap-3" />
+      <ActivityBadgePaths
+        badges={badges}
+        title="نشان‌ها"
+        gridClassName="grid gap-3 [grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))]"
+      />
     </div>
   );
 }