feat: improve mobile responsiveness across login, entry, and result screens

- Updated HallDrawPanel to use responsive grid layout, switching from 3-column to single-column on mobile with appropriate dividers
- Refactored EntryGate to use useMemo for gateReady state instead of useLayoutEffect, improving initialization logic
- Reduced minimum height of hero sections from 320px to 200px on mobile (sm:320px) in login and entry screens
- Enhanced WinningResultDialog layout with flexbox structure and

src/features/hall/hall-draw-panel.tsx

@@ -186,7 +186,7 @@ export function HallDrawPanel({ drawLive }: { drawLive: HallDrawLiveSnapshot })
       )}
       aria-label={t("draw.currentIssue")}
     >
-      <div className="grid grid-cols-[1fr_1.05fr_1fr] divide-x divide-[#e7edf6]">
+      <div className="grid grid-cols-1 divide-y divide-[#e7edf6] sm:grid-cols-[1fr_1.05fr_1fr] sm:divide-x sm:divide-y-0">
         <div className="flex min-w-0 flex-col items-center justify-center px-2 py-3 text-center">
           <div className="min-w-0 max-w-full overflow-x-auto">
             <p className="text-[11px] font-semibold text-slate-500">{t("draw.issueNo")}</p>