ui: refine Arena logo layout and update todo documentation

index.html

@@ -4,7 +4,10 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Arena Picker</title>
-    <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>⚔️</text></svg>">
+    <link
+      rel="icon"
+      href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>⚔️</text></svg>"
+    />
     <style>
       html.app-booting,
       html.app-booting body {
@@ -81,9 +84,12 @@
         </div>
       </section>
 
-      <section class="intro-stage" aria-label="Arena 시작 화면">
+      <section class="intro-stage" aria-label="Arena Picker 시작 화면">
         <div class="intro-content">
-          <h1 class="arena-logo">Arena</h1>
+          <h1 class="arena-logo" aria-label="Arena Picker">
+            <span>ARENA</span>
+            <span class="small-text">PICKER</span>
+          </h1>
           <button
             id="start-button"
             class="start-button"
@@ -290,7 +296,11 @@ Player 10</textarea
               <div class="about-field-row">
                 <dt>github</dt>
                 <dd data-about-field="github">
-                  <a href="https://github.com/Horoli" target="_blank" rel="noreferrer">
+                  <a
+                    href="https://github.com/Horoli"
+                    target="_blank"
+                    rel="noreferrer"
+                  >
                     https://github.com/Horoli
                   </a>
                 </dd>