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/shared/flagicon/flags/4x3/ph.svg

@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="480" width="640" version="1" viewBox="0 0 640 480">
+  <path fill="#0038a8" d="M0 0h640v240H0z"/>
+  <path fill="#ce1126" d="M0 240h640v240H0z"/>
+  <path d="M415.692 240L0 480V0" fill="#fff"/>
+  <g transform="translate(149.333 240) scale(5.33333)" fill="#fcd116">
+    <circle r="9"/>
+    <g id="d">
+      <g id="c">
+        <g id="b">
+          <path d="M-1 0l.062.062L0 0l-.938-.062z" transform="scale(19)"/>
+          <path id="a" d="M-.884.116l.05.05L0 0z" transform="scale(19.2381)"/>
+          <use height="100%" width="100%" xlink:href="#a" transform="scale(1 -1)"/>
+        </g>
+        <use height="100%" width="100%" xlink:href="#b" transform="rotate(45)"/>
+      </g>
+      <use height="100%" width="100%" xlink:href="#c" transform="rotate(90)"/>
+    </g>
+    <use height="100%" width="100%" xlink:href="#d" transform="scale(-1)"/>
+    <g transform="translate(-2.02)">
+      <g id="f" transform="translate(37.962)">
+        <path id="e" d="M5 0L1.618 1.176l-.073 3.58-2.163-2.854-3.427 1.037L-2 0z"/>
+        <use height="100%" width="100%" xlink:href="#e" transform="scale(1 -1)"/>
+      </g>
+      <use height="100%" width="100%" xlink:href="#f" transform="rotate(120)"/>
+      <use height="100%" width="100%" xlink:href="#f" transform="rotate(-120)"/>
+    </g>
+  </g>
+</svg>