IMDEEPMIND-23: Refactor networking navigation in intro, add status tips to protocol documents, and remove a duplicate OSI model diagram.

docs/intro.md

@@ -170,9 +170,11 @@ If you come across any issues or errors in the notes, feel free to open an issue
 ### System Design and Databases
 
 1. [Networking](/docs/networking/introduction.md)
-
-   1. [Protocols](/docs/networking/protocols/client-server-architecture.md)
-   2. [Communication Design Patterns](/docs/networking/communication-design-patterns/request-response.md)
+   1. [Introduction](/docs/networking/introduction.md)
+   2. [Protocols](/docs/networking/protocols/client-server-architecture.md)
+      1. [Client Server Architecture](/docs/networking/protocols/client-server-architecture.md)
+      2. [OSI Model](/docs/networking/protocols/osi-model.md)
+   3. [Communication Design Patterns](/docs/networking/communication-design-patterns/request-response.md)
 
 2. [Database](/docs/databases/introduction.md)
    1. [SQL](/docs/databases/sql/introduction.md)

docs/networking/protocols/client-server-architecture.md

@@ -4,26 +4,33 @@ sidebar_position: 2
 
 # Client-Server Architecture
 
+:::tip[Status]
+
+This note is complete, reviewed, and considered stable.
+
+:::
+
 Client-Server Architecture is a foundational model in network computing that structures applications into two main components: **clients** and **servers**. This architecture facilitates resource sharing, scalability, and efficient management of networked systems. Below are detailed notes covering various aspects of Client-Server Architecture.
 
 <div class="mermaid-container">
-    ```mermaid
-        graph TD
-            Client["Client"]
-            Browser["Web Browser"]
-            Application["Web Application"]
-            Server["Server"]
-            Database["Database"]
-
-            Client -->|Sends Request| Browser
-            Browser -->|Processes Request| Server
-            Server -->|Handles Request| Application
-            Application -->|Queries Data| Database
-            Database -->|Returns Data| Application
-            Application -->|Responds to Client| Server
-            Server -->|Sends Response| Browser
-            Browser -->|Displays Response| Client
-    ```
+
+```mermaid
+    graph TD
+        Client["Client"]
+        Browser["Web Browser"]
+        Application["Web Application"]
+        Server["Server"]
+        Database["Database"]
+
+        Client -->|Sends Request| Browser
+        Browser -->|Processes Request| Server
+        Server -->|Handles Request| Application
+        Application -->|Queries Data| Database
+        Database -->|Returns Data| Application
+        Application -->|Responds to Client| Server
+        Server -->|Sends Response| Browser
+        Browser -->|Displays Response| Client
+```
 
 </div>
 

docs/networking/protocols/osi-model.md

@@ -4,9 +4,16 @@ sidebar_position: 3
 
 # OSI Model
 
+:::tip[Status]
+
+This note is complete, reviewed, and considered stable.
+
+:::
+
 The **OSI (Open Systems Interconnection) model** is a conceptual framework used to understand and implement standard protocols in network communications. It divides the communication process into **seven distinct layers**, each with specific functions and responsibilities.
 
 <div class="mermaid-container">
+
 ```mermaid
 graph TD
     Application["Application Layer (Layer 7)"]
@@ -24,19 +31,7 @@ graph TD
     Network --> DataLink
     DataLink --> Physical
 
-````
-
-```mermaid
-graph TD
-    ApplicationLayer["Application Layer"]
-    TransportLayer["Transport Layer"]
-    InternetLayer["Internet Layer"]
-    NetworkAccessLayer["Network Access Layer"]
-
-    ApplicationLayer --> TransportLayer
-    TransportLayer --> InternetLayer
-    InternetLayer --> NetworkAccessLayer
-````
+```
 
 </div>