New sidebar structure (#358)

* New sidebar structure

* Structured the sidebar

* code rabbit fixes

* code rabbit fixes

* Updated workspace and members pages

* Updated billing and account sections

* fixed broken links

* updated more pages

* fixed broken linke

* Updated image CSS and fixed images

* Fixed images

* minor fix

* code rabbit fixes

* changed tool to software

* minor fix

* minor fix

* added fallback css for images

* removed fallback css for images

Author: danciaclara

docs/ai/pi-chat.mdx

@@ -16,7 +16,7 @@ Pi (Plane Intelligence) is an AI assistant that helps you interact with your Pla
 
 Think of Pi as a knowledgeable team member who has instant access to all your project data. You can ask it to find specific issues, analyze project progress, search through documentation, or help you understand complex relationships between work items.
 
-![Pi chat sidebar](https://media.docs.plane.so/pi-chat/pi-chat-sidebar.webp#center)
+![Pi chat sidebar](https://media.docs.plane.so/pi-chat/pi-chat-sidebar.webp#hero)
 
 ## What Pi can do today
 
@@ -64,15 +64,16 @@ The Action Executor Agent is in development and will enable these capabilities i
 
 Pi is accessible from the left sidebar (Pi icon for a dedicated chat interface with recent history) or directly within a project’s Work Items and Cycles pages (Pi icon on the top right to start a new chat in a side panel without leaving your view).
 
-![Pi chat project](https://media.docs.plane.so/pi-chat/pi-chat-project.webp#center)
+![Pi chat project](https://media.docs.plane.so/pi-chat/pi-chat-project.webp#hero)
 
 ### Start a conversation
 
 1. Type your question in the chat input at the bottom of the Pi interface.
 2. Pi will process your query and provide a response.
 3. You can ask follow-up questions to dive deeper into the results.
 4. Use `@mentions` for direct entity reference, for eg., "@WEB-4651 what's the status of this issue?"
-![Pi chat mentions](https://media.docs.plane.so/pi-chat/pi-chat-mentions.webp#center)
+
+![Pi chat mentions](https://media.docs.plane.so/pi-chat/pi-chat-mentions.webp#hero)
 
 ### Thread organization and management
 

docs/automations/custom-automations.mdx

@@ -1,5 +1,5 @@
 ---
-title: Custom automations
+title: Automations
 hide_title: true
 description: Automate repetitive project tasks with trigger-based workflows. Set up rules to automatically update issue properties, assign team members, and manage priorities when specific conditions are met.
 ---
@@ -15,7 +15,7 @@ Automations let you streamline your project management workflow by automatically
 
 Think of automations as your digital assistant that watches for specific events in your projects and responds according to rules you define. Whether it's updating issue statuses, assigning team members, adding labels, or posting comments, automations work behind the scenes to keep your projects moving smoothly.
 
-![Create automations](https://media.docs.plane.so/automations/create-automation.webp#center)
+![Create automations](https://media.docs.plane.so/automations/create-automation.webp#hero)
 
 ## What automations do
 Automations follow a simple but powerful logic: When [trigger] happens, if [conditions] are met, then perform [actions]. This trigger-condition-action framework allows you to create sophisticated workflows that adapt to your team's specific needs.
@@ -35,7 +35,7 @@ You can create complex workflows by adding multiple conditions and multiple acti
 
 ## Set up automations
 
-![Configure trigger and action](https://media.docs.plane.so/automations/configure-trigger-and-action.webp#center)
+![Configure trigger and action](https://media.docs.plane.so/automations/configure-trigger-and-action.webp#hero)
 
 1. Navigate to your Project Settings. 
 
@@ -72,7 +72,7 @@ You can add multiple conditions to create more specific rules and multiple actio
 
 ## Manage automations
 
-![Manage automations](https://media.docs.plane.so/automations/manage-automations.webp#center)
+![Manage automations](https://media.docs.plane.so/automations/manage-automations.webp#hero)
 
 ### Activity monitoring
 Track your automation's performance through the Activity panel, which shows:

docs/communication-and-collaboration/comments-and-activity.mdx

@@ -0,0 +1,137 @@
+---
+title: Work item comments
+description: Add comments, mention team members, and track activity on work items
+---
+
+# Work item comments
+
+Use comments to discuss work items, ask questions, provide updates, and collaborate with your team. Every work item includes a comment section and activity log.
+
+## Add a comment
+
+1. Open a work item.
+2. Scroll down to the Activity section.
+3. Click in the **Add comment** field.
+4. Type your comment using the rich text editor.
+5. Click **Comment** to post.
+
+![Work item activity and comments](https://media.docs.plane.so/issues/issue-activity-comments.webp#hero)
+
+Your comment appears immediately in the activity feed with a timestamp and your profile picture.
+
+## Comment features
+
+### Rich text formatting
+
+The comment editor supports rich text formatting for clear communication:
+
+**Available formatting:**
+- **Bold** - Emphasize important points
+- *Italic* - Add subtle emphasis
+- `Code` - Share code snippets or technical terms
+- Bullet lists - Organize information
+- Numbered lists - Create step-by-step instructions
+- Block quotes - Quote previous comments or external sources
+- Code blocks - Share longer code snippets with syntax
+- Links - Reference external resources
+
+### Mention team members
+
+Tag team members in comments to notify them and draw their attention to specific work items.
+
+**To mention someone**
+1. Type `@` in the comment field.
+2. Start typing the person's name.
+3. Select their name from the dropdown list.
+4. Continue writing your comment.
+5. Post the comment.
+
+**What happens**
+- The mentioned person receives an email notification (if they have notifications enabled)
+- The work item appears in their Inbox
+
+## Manage comments
+
+### Edit a comment
+
+Update your comments to fix errors or add additional context.
+
+1. Hover over your comment.
+2. Click the three dots (⋯) menu.
+3. Select **Edit**.
+4. Make your changes.
+5. Click **Save** (or press Escape to cancel).
+
+You can only edit your own comments.
+
+### Delete a comment
+
+Remove comments that are no longer relevant or were posted in error.
+
+1. Hover over your comment.
+2. Click the three dots (⋯) menu.
+3. Select **Delete**.
+4. Confirm the deletion.
+
+You can only delete your own comments.
+
+:::warning
+Deleted comments cannot be recovered.
+:::
+
+### Copy comment link
+
+Share a direct link to a specific comment for reference in other discussions or documents.
+
+1. Hover over any comment.
+2. Click the three dots (⋯) menu.
+3. Select **Copy link**.
+
+The link copies to your clipboard. When someone clicks the link, they'll be taken directly to that work item with the comment.
+
+## Activity log
+
+The Activity log shows a chronological history of everything that happens on a work item, including comments and system updates.
+
+### Activity types tracked
+
+**System activities:**
+- Work item creation
+- Status changes (To Do → In Progress → Done)
+- Assignee changes
+- Priority updates
+- Estimate changes
+- Due date modifications
+- Module or cycle assignments
+- Label additions or removals
+- Relation changes (blocking, blocked by, etc.)
+
+**User activities:**
+- Comments posted
+- Time logged ([Worklogs](/core-concepts/issues/time-tracking))
+- Attachments uploaded
+- Description edits
+
+### Filter activity
+
+Show only specific types of activity to focus on what matters.
+
+1. Click the **Filters** button in the Activity panel.
+2. Select activity types to display:
+   - **All** - Show everything
+   - **Comments** - Only comments
+   - **Activity** - Only system updates (status changes, assignments, etc.)
+   - **Worklogs** - Only time tracking entries
+3. The activity log updates immediately.
+
+### Sort activity
+
+Change the order in which activities appear.
+
+**Sort options:**
+- **Newest first** (default) - Most recent activity at the top
+- **Oldest first** - Original activity at the top
+
+Click the sort icon next to Filters to toggle between sort orders.
+
+---

docs/communication-and-collaboration/project-updates.mdx

@@ -0,0 +1,73 @@
+---
+title: Project updates
+description: Share project status and track progress over time
+---
+
+# Share project status with Project Updates
+
+Project updates provide a way to share project status and create a timeline of project progress. Use updates to communicate where your project stands, highlight blockers, and keep stakeholders informed without requiring meetings or status check-ins.
+
+**What are project updates**  
+Updates are status posts that appear in your project's side panel. Each update includes a status indicator (On Track, At Risk, or Off Track) and a message describing the current state of the project. Updates appear in chronological order, creating a history of your project's progress over time.
+
+**When to use project updates**
+- Regular status reporting (weekly sprints, monthly milestones)
+- Communicating blockers or risks to stakeholders
+- Keeping remote or distributed teams aligned
+- Creating a historical record of project decisions and progress
+- Providing visibility to team members who aren't in daily standups
+
+## Turn on project updates
+
+Project updates must be enabled in project settings.
+
+![Turn on project updates](https://media.docs.plane.so/projects/turn-on-project-updates.webp#hero)
+
+1. Navigate to your project.
+2. Click the **…** icon next to your project name.
+3. Select **Settings**.
+4. Go to the **Project Updates** tab.
+5. Toggle the option on.
+
+## Add a project update
+
+1. Navigate to the **Overview** page under your project.
+2. Click the **rocket icon** (🚀) in the side panel to open the updates view.
+3. Click **Add an Update**.
+4. Select your project status from the dropdown.
+5. Write your update message in the text field.
+6. Click **Add update**.
+
+![Add project updates](https://media.docs.plane.so/projects/add-project-updates.webp#hero)
+
+Your update appears immediately in the updates timeline with a timestamp.
+
+### Project status options
+
+Each update requires a status indicator that signals the project's current state:
+
+**🚀 On Track**  
+The project is progressing as planned. Work is moving forward according to schedule, no significant blockers exist, and the team is meeting milestones as expected. Use this status for regular positive progress updates.
+
+**⚠️ At Risk**  
+The project has potential issues that need attention. There may be emerging blockers, resource concerns, or dependencies that could impact timelines if not addressed. Use this status to flag concerns early and request help before issues become critical.
+
+**❗ Off Track**  
+The project has significant blockers or delays. Critical issues are preventing progress, timelines are at risk, or major decisions are needed to get back on track. Use this status when immediate action or escalation is required.
+
+## Collaborate on updates
+
+Project updates support threaded discussions and reactions, allowing team members to engage with status updates directly.
+
+**Start discussions**
+- Add comments in the thread below the update.
+- Use threads to discuss specific points, ask questions, or provide additional context.
+- Threaded discussions keep conversations organized and connected to the relevant update.
+
+**Use emoji reactions**
+- React to updates with emojis for quick feedback.
+- Reactions provide lightweight acknowledgment without requiring a full comment.
+
+**Mention team members** *(Coming soon)*
+- Tag specific team members in update comments to notify them directly.
+- Use mentions to request input, escalate issues, or delegate follow-up actions.

docs/core-concepts/account/overview.mdx

@@ -1,27 +1,27 @@
 ---
-title: Home
+title: Personalize homepage
 description: Customize your Home page with quick links, recent activity, and sticky notes to create a personalized dashboard for improved productivity.
 ---
 
-# Your personalized home for quick access
+# Personalize your homepage
 
 The Home page serves as your personalized page, giving you quick access to essential tools, recent activity, and key features to enhance productivity. Here's everything you need to know about setting up and using the Home page efficiently.
 
-![Home](https://media.docs.plane.so/account/home-page.webp#center)
+![Home](https://media.docs.plane.so/account/home-page.webp#hero)
 
 ### Manage widgets
 
 This section allows you to customize the visibility of different content areas on the Home page. You can choose to show or hide the **Quick links**, **Recents**, and **Your stickies** sections as per your preferences. This flexibility enables you to tailor the Home page to display only the information you find most relevant and useful.
 
-### Quick links
+### Add quick links
 
 Pin links to projects, pages, or external resources you frequently access. Save time by jumping directly to important destinations without navigating through menus.
 
-### Recents
+### See recent visits
 
 This section helps you quickly pick up where you left off or revisit items you've recently worked on. You can customize the view to show specific types of activity, such as only recent work items or projects.
 
-### Your stickies
+### Manage stickies
 
 Stickies allow you to create, organize, and personalize notes or reminders directly on your Home page:
 
@@ -32,4 +32,5 @@ Stickies allow you to create, organize, and personalize notes or reminders direc
 
 ## See also
 
+- [Your work](/your-work)
 - [Stickies](/core-concepts/stickies)