feat: Modernize UI with gradient themes and glassmorphism design

[Copilot]

Complete visual overhaul of all UI components with modern design patterns: gradient backgrounds, glassmorphism cards, improved typography, and consistent dark theme across Streamlit, static HTML, and terminal interfaces.

Changes

Streamlit Web UI (app.py)

• Purple/blue gradient background with glassmorphism cards
• Custom CSS theme with backdrop blur, modern scrollbars, button hover effects
• Redesigned metric cards with color-coded pass/fail indicators
• Emoji icons for visual hierarchy in sidebar navigation
• Responsive layout improvements

Static HTML UI (static_ui/index.html)

• Complete redesign with Inter font family
• Modern form controls with focus states and transitions
• Loading spinner animations and empty state design
• Glassmorphism card components with hover effects

Terminal UI (tui.py)

• Dark theme with purple/blue accent colors matching web UIs
• Improved Textual CSS with better contrast ratios
• Styled buttons, checkboxes, and data tables

Screenshots

Streamlit Web UI

Static HTML UI

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• checkip.amazonaws.com
  • Triggering command: /home/REDACTED/.local/bin/streamlit streamlit run app.py --server.port 8501 --server.headless true (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Original prompt

Bu Expo ile yapılmış, React Native kullanan bir mobile app.
Site WhatsApp/Telegram benzeri bir iletişim sitesi. Sitenin arayüzünü yeniden yap. Elden geçir, modernleştir ve yenile. Tüm tasarımı incele. Graphical bir remake yapıyormuşsun gibi düşün. Sitenin yeni jenerasyon versiyonunu yapıyorsun.

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.