feat: Add comprehensive documentation suite and reorganize project structure

- Created complete documentation in docs/ directory
- Added PROJECT_OVERVIEW.md with feature highlights and getting started guide
- Added ARCHITECTURE.md with system design and technical details
- Added SECURITY.md with comprehensive security implementation guide
- Added DEVELOPMENT.md with development workflows and best practices
- Added DEPLOYMENT.md with production deployment instructions
- Added API.md with complete REST API documentation
- Added CONTRIBUTING.md with contribution guidelines
- Added CHANGELOG.md with version history and migration notes
- Reorganized all documentation files into docs/ directory for better organization
- Updated README.md with proper documentation links and quick navigation
- Enhanced project structure with professional documentation standards

f_scripts/fe/img/logo-player.svg

@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="120" height="40" viewBox="0 0 120 40" xmlns="http://www.w3.org/2000/svg">
+  <!-- Cloud -->
+  <g transform="translate(30, 12)">
+    <ellipse cx="0" cy="0" rx="15" ry="7" fill="#4A90E2"/>
+    <circle cx="-9" cy="-1" r="5" fill="#4A90E2"/>
+    <circle cx="9" cy="-1" r="5" fill="#4A90E2"/>
+    <circle cx="-5" cy="-5" r="3" fill="#4A90E2"/>
+    <circle cx="5" cy="-5" r="3" fill="#4A90E2"/>
+    
+    <!-- Cloud smile -->
+    <path d="M -5 1 Q 0 4 5 1" stroke="#FFFFFF" stroke-width="1.5" fill="none" stroke-linecap="round"/>
+    
+    <!-- Cloud eyes -->
+    <circle cx="-3" cy="-1" r="1.5" fill="#FFFFFF"/>
+    <circle cx="3" cy="-1" r="1.5" fill="#FFFFFF"/>
+    <circle cx="-3" cy="-1" r="0.7" fill="#333"/>
+    <circle cx="3" cy="-1" r="0.7" fill="#333"/>
+  </g>
+  
+  <!-- PC Monitor -->
+  <g transform="translate(30, 28)">
+    <rect x="-18" y="-8" width="36" height="12" rx="1" fill="#2C3E50" stroke="#4A90E2" stroke-width="1"/>
+    <rect x="-16" y="-6" width="32" height="8" rx="0.5" fill="#34495E"/>
+    <rect x="-14" y="-5" width="5" height="1" fill="#4A90E2"/>
+    <rect x="-14" y="-3" width="7" height="0.5" fill="#7FB3D3"/>
+    <rect x="-5" y="-5" width="3" height="3" fill="#5DADE2"/>
+    <rect x="-1" y="-5" width="5" height="1" fill="#4A90E2"/>
+    <rect x="-2" y="4" width="4" height="4" fill="#34495E"/>
+    <rect x="-8" y="8" width="16" height="2" rx="0.5" fill="#2C3E50"/>
+  </g>
+  
+  <!-- EasyStream text -->
+  <text x="75" y="25" font-family="Arial, sans-serif" font-size="10" font-weight="bold" fill="#4A90E2">EasyStream</text>
+</svg>