feat: add folders docs layout and placeholder info

content/docs/user-manual/folders.mdx

@@ -0,0 +1,41 @@
+---
+title: Folders
+description: Organize your tabs with folders
+---
+
+# Folders
+
+Folders let you organize your tabs into manageable groups, helping you keep your workspace clean and focused.
+
+## Creating a Folder
+
+You can create a folder in two ways:
+
+1. **From a Tab**  
+   Right-click on any tab and select **"Add to folder"** to group it into a new or existing folder.
+
+2. **From the Toolbar**  
+   Right-click on any empty space in the toolbar and choose **"New folder"**.
+
+## Using Folders
+
+- All folders appear in the **pinned tabs container**.
+- You can **drag tabs** into a folder.
+- You can **drag folders around** to rearrange them.
+- You can also **drag folders into other folders** to create nested folders.
+
+## Features
+
+### Nested folders
+
+Nested folders are a great way to organize related projects or workflows with multiple levels of detail.
+For example, you can create a folder for your work, and then create a folder for each project you're working on. 
+This has far many more use cases, feel free to explore and experiment with it.
+
+### Search Menu
+
+The search menu is a great way to find tabs in your folders.
+
+### Icon Picker
+
+The icon picker is a great way to change the icon of a folder.

content/docs/user-manual/index.mdx

@@ -35,6 +35,11 @@ Welcome to the Zen Browser User Manual! This guide is designed to provide you wi
     description="Customize Zen Browser with extensions"
     href="/user-manual/extensions"
   />
+  <Card
+    title="Folders"
+    description="Organize your tabs with folders"
+    href="/user-manual/folders"
+  />
   <Card 
     title="Glance" 
     description="Preview websites on top of your current tab"