ui: raise in-game emoji button above the hand + gender = male/female/unknown

- GameTable reactions button (and its tray) moved up from the bottom-right so it
  no longer overlaps the player's cards on mobile portrait.
- Gender options are now Male / Female / Unknown — removed "other" from the
  Gender type, GENDER_META, and the profile picker; the empty value renders as
  «نامشخص» / "Unknown".

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/components/GameTable.tsx

@@ -800,7 +800,7 @@ function Reactions() {
             initial={{ opacity: 0, y: 12, scale: 0.95 }}
             animate={{ opacity: 1, y: 0, scale: 1 }}
             exit={{ opacity: 0, y: 12, scale: 0.95 }}
-            className="absolute bottom-20 ltr:right-4 rtl:left-4 z-50 glass rounded-2xl p-2 w-[min(270px,86vw)]"
+            className="absolute bottom-60 ltr:right-3 rtl:left-3 z-50 glass rounded-2xl p-2 w-[min(270px,86vw)]"
           >
             <div className="flex gap-1 p-1 rounded-xl bg-navy-900/70 mb-2">
               <button
@@ -852,10 +852,10 @@ function Reactions() {
         )}
       </AnimatePresence>
 
-      {/* button */}
+      {/* button — raised above the hand so it doesn't overlap the cards on mobile */}
       <button
         onClick={() => setOpen((o) => !o)}
-        className="absolute bottom-[max(1rem,env(safe-area-inset-bottom))] ltr:right-4 rtl:left-4 z-50 glass rounded-full min-h-12 min-w-12 grid place-items-center hover:bg-navy-800 transition"
+        className="absolute bottom-44 ltr:right-3 rtl:left-3 z-50 glass rounded-full min-h-12 min-w-12 grid place-items-center hover:bg-navy-800 transition"
         title={t("reactions.title")}
       >
         <SmilePlus className="size-5 text-gold-400" />