Updated Tab section

- Added information about adding tabs in the header.

- Updated image of tabs-sidebar to match with the theme of the fern.

- Added image for tabs in header placement

Author: BipinRimal314

fern/products/docs/pages/navigation/images/tabs-header.png

@@ -237,27 +237,22 @@ tabs:
 Here's an example of what the Tabs implementation looks like:
 
 <Frame>
-  ![Screenshot showing two vertically stacked tabs labeled API Reference and Help
-  Center](https://fern-image-hosting.s3.amazonaws.com/fern/tabs.png)
+  <img src="./images/tabs-sidebar.png" alt="Tabs displayed in the sidebar (default)" />
 </Frame>
 
-By default, tabs appear in the left sidebar. To display them horizontally in docs.yml, set `tabs-placement` to `header` in your layout configuration.
-
-`tabs-placement` supports two values:
-- `sidebar` *(default)* — Tabs are displayed vertically in the left sidebar.
-- `header` — Tabs are displayed horizontally in the top navigation bar.
-
-Example:
+By default, tabs appear in the left sidebar. To display them horizontally, set `tabs-placement` to `header` in your layout configuration.
 
 <CodeBlock title="docs.yml">
 ```yaml
 layout:
   tabs-placement: header
 ```
 </CodeBlock>
+
+Here's an example of what the header placement looks like:
+
 <Frame> 
-  ![Screenshot showing two horizontally placed tabs labeled API Reference and Help
-  Center](https://fern-image-hosting.s3.amazonaws.com/fern/tabs-horizontal.png)
+ <img src="./images/tabs-header.png" alt="Tabs displayed in the sidebar (default)" />
 </Frame>
 
 ## Versions