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/js/fwtabs.channels.init.js

@@ -0,0 +1,66 @@
+(function () {
+    [].slice.call(document.querySelectorAll('.tabs')).forEach(function (el) {
+        new CBPFWTabs(el);
+    });
+})();
+
+function isOldSafari() {
+    return !!navigator.userAgent.match(' Safari/') && !navigator.userAgent.match(' Chrome') && (!!navigator.userAgent.match(' Version/6.0') || !!navigator.userAgent.match(' Version/5.'));
+}
+
+function oldSafariCSSfix() {
+    if (isOldSafari()) {
+        var tabnr = 7;
+        var width = jQuery('#siteContent').width() - 32;
+
+        jQuery("#main-content nav ul li").width((width / tabnr) - 1).css("float", "left");
+        jQuery(".tabs nav").css("width", (width + 1));
+    }
+}
+
+(function () {
+    jQuery(document).on({
+	click: function () {
+            var section = jQuery(this).find("a").attr("href").split("-");
+            var sort = section[1];
+            
+            var sid = jQuery("#section-" + sort + " .main-view-mode.active").attr("id");
+            var id = sid.split("-");
+            var idnr = id[3];
+
+            if (jQuery("#" + sid + "-list ul").length == 0) {
+                var ct = "";
+                var url = _rel + "?p=0&m="+idnr+"&sort="+sort;
+                
+                if (typeof(jQuery("#categories-accordion li a.selected").attr("rel-name")) != "undefined") {
+                    ct = "&c=" + jQuery("#categories-accordion li a.selected").attr("rel-name");
+                }
+                
+                url += ct;
+                
+                if (typeof(ch_id) != "undefined") {
+                	url += "&u=" + ch_id;
+                }
+
+                jQuery("#" + sid + "-list").mask("");
+                jQuery("#main-view-mode-" + idnr + "-" + sort + " span").addClass("spinner icon-spinner");
+                
+                jQuery("#" + sid + "-list").load(url, function(){
+                    jQuery("#" + sid + "-list").unmask();
+                    
+                    	thumbFade();
+                    	jQuery("#main-view-mode-" + idnr + "-" + sort + " span").removeClass("spinner icon-spinner");
+                });
+            }
+	}
+    }, ".tabs ul:not(.fileThumbs):not(.ch-grid):not(.uu) li");
+})();
+
+
+jQuery(window).load(function () {
+    oldSafariCSSfix();
+});
+
+jQuery(window).resize(function () {
+    oldSafariCSSfix();
+});