feat: add privacy policy and EULA pages, use real app icon on landing site

- Create privacy.html and eula.html matching landing page style
- Update Settings links to sportstime.88oakapps.com/privacy.html and /eula.html
- Rename "Terms of Service" to "EULA" in Settings
- Replace emoji logo with real app icon across all landing pages
- Update footer links in index.html

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

landing_page/index.html

@@ -107,12 +107,8 @@
         .logo-icon {
             width: 42px;
             height: 42px;
-            background: linear-gradient(135deg, var(--navy-700), var(--navy-800));
             border-radius: 12px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            font-size: 1.25rem;
+            object-fit: cover;
             box-shadow: var(--shadow-md);
         }
 
@@ -896,7 +892,7 @@
     <!-- Navigation -->
     <nav>
         <a href="#" class="logo">
-            <div class="logo-icon">🏟️</div>
+            <img src="app-icon.png" alt="SportsTime" class="logo-icon">
             <span class="logo-text">SportsTime</span>
         </a>
         <a href="#download" class="nav-cta">
@@ -1119,12 +1115,12 @@
     <footer>
         <div class="footer-container">
             <a href="#" class="logo">
-                <div class="logo-icon">🏟️</div>
+                <img src="app-icon.png" alt="SportsTime" class="logo-icon">
                 <span class="logo-text">SportsTime</span>
             </a>
             <div class="footer-links">
-                <a href="https://88oakapps.com/privacy">Privacy Policy</a>
-                <a href="https://88oakapps.com/terms">Terms of Service</a>
+                <a href="privacy.html">Privacy Policy</a>
+                <a href="eula.html">EULA</a>
                 <a href="mailto:support@88oakapps.com">Contact</a>
             </div>
             <div class="footer-copy">