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/be/img/logo-header-pink.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="200" height="80" viewBox="0 0 200 80" xmlns="http://www.w3.org/2000/svg">
+  <!-- Cloud -->
+  <g transform="translate(100, 20)">
+    <!-- Cloud body -->
+    <ellipse cx="0" cy="0" rx="25" ry="12" fill="#E83E8C"/>
+    <circle cx="-15" cy="-2" r="8" fill="#E83E8C"/>
+    <circle cx="15" cy="-2" r="8" fill="#E83E8C"/>
+    <circle cx="-8" cy="-8" r="6" fill="#E83E8C"/>
+    <circle cx="8" cy="-8" r="6" fill="#E83E8C"/>
+    
+    <!-- Cloud smile -->
+    <path d="M -8 2 Q 0 8 8 2" stroke="#FFFFFF" stroke-width="2" fill="none" stroke-linecap="round"/>
+    
+    <!-- Cloud eyes -->
+    <circle cx="-6" cy="-2" r="2" fill="#FFFFFF"/>
+    <circle cx="6" cy="-2" r="2" fill="#FFFFFF"/>
+    <circle cx="-6" cy="-2" r="1" fill="#333"/>
+    <circle cx="6" cy="-2" r="1" fill="#333"/>
+  </g>
+  
+  <!-- PC Monitor -->
+  <g transform="translate(100, 55)">
+    <!-- Monitor screen -->
+    <rect x="-30" y="-15" width="60" height="20" rx="2" fill="#2C3E50" stroke="#E83E8C" stroke-width="2"/>
+    <rect x="-27" y="-12" width="54" height="14" rx="1" fill="#34495E"/>
+    
+    <!-- Screen content -->
+    <rect x="-24" y="-10" width="8" height="2" fill="#E83E8C"/>
+    <rect x="-24" y="-7" width="12" height="1" fill="#F48FB1"/>
+    <rect x="-24" y="-5" width="10" height="1" fill="#F48FB1"/>
+    <rect x="-10" y="-10" width="6" height="6" fill="#F06292"/>
+    <rect x="-2" y="-10" width="8" height="2" fill="#E83E8C"/>
+    <rect x="-2" y="-7" width="6" height="1" fill="#F48FB1"/>
+    
+    <!-- Monitor stand -->
+    <rect x="-3" y="5" width="6" height="8" fill="#34495E"/>
+    <rect x="-12" y="13" width="24" height="3" rx="1" fill="#2C3E50"/>
+  </g>
+  
+  <!-- EasyStream text -->
+  <text x="100" y="75" font-family="Arial, sans-serif" font-size="12" font-weight="bold" text-anchor="middle" fill="#E83E8C">EasyStream</text>
+</svg>