docs: update documentation links to use relative paths and add system flow references

- Replace absolute aitbc.bubuit.net URLs with relative paths in documentation pages
- Update markdown documentation links from /main/ to /master/ branch
- Add system flow diagram references to component documentation pages
- Remove redundant "Also available in Markdown" notices from HTML docs
- Update Font Awesome CDN link in index.html
- Simplify quick links section and remove unused tutorial/video guide plac

website/docs/css/docs.css

@@ -1074,6 +1074,8 @@ footer p {
 .reader-card.client::before { background: var(--success-color); }
 .reader-card.developer::before { background: var(--warning-color); }
 .reader-card.full-doc::before { background: var(--danger-color); }
+.reader-card.components::before { background: #8b5cf6; }
+.reader-card.flow::before { background: #06b6d4; }
 
 .reader-card:hover {
     transform: translateY(-10px);
@@ -1096,6 +1098,8 @@ footer p {
 .reader-card.client .reader-icon { background: var(--success-color); }
 .reader-card.developer .reader-icon { background: var(--warning-color); }
 .reader-card.full-doc .reader-icon { background: var(--danger-color); }
+.reader-card.components .reader-icon { background: #8b5cf6; }
+.reader-card.flow .reader-icon { background: #06b6d4; }
 
 .reader-card h3 {
     font-size: 1.8rem;
@@ -1137,6 +1141,8 @@ footer p {
 .reader-card.client .btn { background: var(--success-color); }
 .reader-card.developer .btn { background: var(--warning-color); }
 .reader-card.full-doc .btn { background: var(--danger-color); }
+.reader-card.components .btn { background: #8b5cf6; }
+.reader-card.flow .btn { background: #06b6d4; }
 
 /* ============================================
    Page-Specific: Search Bar (Index)