Update

apps/admin/src/pages/content/PacksPage.tsx

@@ -8,6 +8,7 @@ import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import { Textarea } from '@/components/ui/textarea';
 import { Switch } from '@/components/ui/switch';
+import { EmojiPicker } from '@/components/ui/emoji-picker';
 import { Badge } from '@/components/ui/badge';
 import { Skeleton } from '@/components/ui/skeleton';
 import {
@@ -286,13 +287,10 @@ export function PacksPage() {
 
                             <div className="space-y-4 py-4">
                                 <div className="space-y-2">
-                                    <Label htmlFor="icon">Icon (emoji)</Label>
-                                    <Input
-                                        id="icon"
+                                    <Label>Icon</Label>
+                                    <EmojiPicker
                                         value={formData.icon}
-                                        onChange={(e) => setFormData(d => ({ ...d, icon: e.target.value }))}
-                                        placeholder="💕"
-                                        className="w-20 text-center text-2xl"
+                                        onChange={(emoji) => setFormData(d => ({ ...d, icon: emoji }))}
                                     />
                                 </div>