Added create project and pages info

docs/devices/mobile.mdx

@@ -8,6 +8,10 @@ The Plane mobile app is available on Android and iOS devices.
 
 With the mobile app, you can easily manage your projects on the go. Whether you're creating, assigning, or tracking issues, stay connected with your team and keep work moving forward no matter where you are. Download the app to experience project management at your fingertips!
 
+:::info
+The mobile app is currently available for cloud users but will be coming soon for self-hosted users on the Commercial edition. 
+:::
+
 ## System requirements
 | OS       | Version                                        |
 | -------- | -----------------------------------------------|
@@ -18,7 +22,7 @@ With the mobile app, you can easily manage your projects on the go. Whether you'
 Head over to [Download](https://plane.so/download) to install the app for Android or iOS.
 
 :::caution[Limitation]
-Sign-up isn't available through the mobile app. To use the app, you'll need to be a member of least one workspace.
+Sign-up isn't available through the mobile app. To use the app, you'll need to be a member of at least one workspace.
 :::
 
 ## Navigate the app
@@ -31,26 +35,46 @@ Your dashboard includes a search box and familiar sections like **Your Work** an
 This screen shows all the projects you have access to, along with your role and the active issues count. Tap the star icon to add a project to your **Favorites** for quick access.
 
     <div class="mobile-img-container">
-        <div class="mobile-img-box">
+        <div class="box">
             <img src="https://media.docs.plane.so/mobile/app-home.webp" alt="Home" width="300"/>
         </div>
-        <div class="mobile-img-box">
+        <div class="box">
             <img src="https://media.docs.plane.so/mobile/app-projects.webp" alt="Projects" width="300"/>
         </div>
     </div>
 
 - **Create** <br/>
-Need to create a new issue? Tap the + Create button. A simple modal will pop up, allowing you to:
-    - Select the project by clicking the project icon at the top left.
-    - Add issue details like title and description. For the description, you can use the toolbar at the bottom to add different blocks and format the text as needed. 
-    - Tap the **+** icon at the bottom left to assign members, priority, state, and other properties.
-    - Hit the **Create** button to add it to your project.
+Need to create a new project, issue, or page? Tap the + Create button. 
+
+    - **New project**  
+        Add the project details such as icon, name, description, and the lead. Mark it public or private. Hit the **Create** button.
+
+    - **New page**  
+        - Select the project by clicking the project name at the top.
+        - Add an icon and the page title.
+        - You can use the toolbar at the bottom to add different content blocks and format them as needed.
+        - Hit the **Create** button to add it to your project.
 
     <div class="mobile-img-container">
-        <div class="mobile-img-box">
+        <div class="box">
+            <img src="https://media.docs.plane.so/mobile/app-create-project.webp" alt="Create project" width="300"/>
+        </div>
+        <div class="box">
+            <img src="https://media.docs.plane.so/mobile/app-create-page.webp" alt="Create page" width="300"/>
+        </div>
+    </div>
+
+    - **New issue**  
+        - Select the project by clicking the project name at the top.
+        - Add issue details like title and description. For the description, you can use the toolbar at the bottom to add different blocks and format the text as needed. 
+        - Tap the **+** icon at the bottom left to assign members, priority, state, and other properties.
+        - Hit the **Create** button to add it to your project.
+
+    <div class="mobile-img-container">
+        <div class="box">
             <img src="https://media.docs.plane.so/mobile/app-create-issue.webp" alt="Create issue" width="300"/>
         </div>
-        <div class="mobile-img-box">
+        <div class="box">
             <img src="https://media.docs.plane.so/mobile/app-issue-properties.webp" alt="Issue properties" width="300"/>
         </div>
     </div>
@@ -62,10 +86,10 @@ Stay updated with notifications about issues you’ve created, are assigned to,
 View your profile and manage your account here. You can also switch between workspaces or log out of the app from this screen.
 
     <div class="mobile-img-container">
-        <div class="mobile-img-box">
+        <div class="box">
             <img src="https://media.docs.plane.so/mobile/app-inbox.webp" alt="Inbox" width="300"/>
         </div>
-        <div class="mobile-img-box">
+        <div class="box">
             <img src="https://media.docs.plane.so/mobile/app-profile.webp" alt="Profile" width="300"/>
         </div>
     </div>
@@ -96,10 +120,10 @@ View a list of all, active and backlog issues.
     - Click the **+ Add** button on the bottom left to add sub-issues and relations. You can also swipe left or right to view sub-issues, relations, links, and attachments.
 
     <div class="mobile-img-container">
-        <div class="mobile-img-box">
+        <div class="box">
             <img src="https://media.docs.plane.so/mobile/app-issues.webp" alt="Issues" width="300"/>
         </div>
-        <div class="mobile-img-box">
+        <div class="box">
             <img src="https://media.docs.plane.so/mobile/app-issue-details.webp" alt="Issue details" width="300"/>
         </div>
     </div>
@@ -112,18 +136,20 @@ View a list of all, active and backlog issues.
 - **Cycles** <br/>
     Track active and upcoming cycles, and dive into the issues within each cycle.
 
+- **Create** <br/>
+    Similar to the Create button on the main navigation bar, except that you can only create new issues and pages here.  
+
 - **Modules** <br/>
     See all modules in your project and their progress. Tap the module to view the issues that are a part of it.
 
-
 - **Pages** <br/>
     View all project pages, whether public, private, or archived. You can mark important pages as favorites or search for specific content.
 
     <div class="mobile-img-container">
-        <div class="mobile-img-box">
+        <div class="box">
             <img src="https://media.docs.plane.so/mobile/app-cycles.webp" alt="Cycles" width="300"/>
         </div>
-        <div class="mobile-img-box">
+        <div class="box">
             <img src="https://media.docs.plane.so/mobile/app-modules.webp" alt="Modules" width="300"/>
         </div>
     </div>