feat: add About dialog with version and license info

src/index.html

@@ -24,6 +24,7 @@
         </div>
         <div class="header-meta">
           <button type="button" id="shortcut-trigger" class="hint-button">ショートカット一覧 (H)</button>
+          <button type="button" id="about-trigger" class="hint-button">About (I)</button>
         </div>
       </header>
 
@@ -118,6 +119,8 @@
         <dl>
           <dt>H</dt>
           <dd>ショートカット一覧を表示/非表示</dd>
+          <dt>I</dt>
+          <dd>Aboutを表示/非表示</dd>
           <dt>A</dt>
           <dd>アラーム時刻入力へフォーカス</dd>
           <dt>N</dt>
@@ -139,5 +142,26 @@
         </dl>
       </div>
     </section>
+
+    <section id="about-overlay" class="about-overlay" hidden>
+      <div class="about-card" role="dialog" aria-modal="true" aria-labelledby="about-heading" tabindex="-1">
+        <header>
+          <h2 id="about-heading">About TauClock</h2>
+          <button type="button" id="about-close" class="ghost">閉じる (Esc)</button>
+        </header>
+        <dl class="about-meta">
+          <dt>アプリ名</dt>
+          <dd id="about-name">-</dd>
+          <dt>バージョン</dt>
+          <dd id="about-version">-</dd>
+          <dt>識別子</dt>
+          <dd id="about-identifier">-</dd>
+          <dt>ライセンス</dt>
+          <dd id="about-license-name">-</dd>
+        </dl>
+        <h3>ライセンス本文</h3>
+        <pre id="about-license-text" class="about-license"></pre>
+      </div>
+    </section>
   </body>
 </html>