docs: consolidate documentation into organized structure

- Move 12 markdown files from root to docs/ subdirectories
- Organize documentation by category:
  • docs/troubleshooting/ (1 file)  - Technical troubleshooting guides
  • docs/deployment/      (4 files) - Deployment and security documentation
  • docs/guides/          (3 files) - Feature-specific guides
  • docs/planning/        (4 files) - Planning and improvement proposals

Root directory cleanup:
- Reduced from 16 to 4 markdown files in root
- Only essential project files remain:
  • CLAUDE.md (AI instructions)
  • README.md (Main project readme)
  • CLEANUP_PLAN.md (Current cleanup plan)
  • SRC_STRUCTURE_IMPROVEMENTS.md (Structure improvements)

This improves:
✅ Documentation discoverability
✅ Logical organization by purpose
✅ Clean root directory
✅ Better maintainability

resources/css/styles.css

@@ -13,6 +13,12 @@
 @import url('components/lightbox.css') layer(components);
 @import url('components/csrf-status.css') layer(components);
 @import url('components/form-autosave.css') layer(components);
+@import url('components/image-manager.css') layer(components);
+@import url('components/forms.css') layer(components);
+@import url('components/badge.css') layer(components);
+@import url('components/alert.css') layer(components);
+@import url('components/button-group.css') layer(components);
+@import url('components/container.css') layer(components);
 @import url('forms/inputs.css') layer(components);
 
 /* Admin Components */