調整記分板手機滿版模式並更新說明

src/App.tsx

@@ -219,6 +219,14 @@ function App() {
     return () => window.clearTimeout(timer)
   }, [navigationLockMessage])
 
+  useEffect(() => {
+    document.body.classList.toggle('body-scoreboard', isScoreboardRoute)
+
+    return () => {
+      document.body.classList.remove('body-scoreboard')
+    }
+  }, [isScoreboardRoute])
+
   useEffect(() => {
     const handlePwaUpdateReady = () => {
       setPwaUpdateReady(true)
@@ -908,7 +916,7 @@ function App() {
   }
 
   return (
-    <div className={isScoreboardRoute ? 'app-shell app-shell-scoreboard' : 'app-shell'}>
+    <div className={isScoreboardRoute ? 'app-shell app-shell-scoreboard app-shell-scoreboard-fit' : 'app-shell'}>
       <header className={isScoreboardRoute ? 'topbar topbar-compact' : 'topbar'}>
         <div className="branding">
           <p className="eyebrow">Badminton Scoreboard</p>