chore: add file upload limits and update Sandbox conversion details (#270)

* chore: add file upload limits

* chore: add file upload link to Sandboxes menu

* chore: update Sandbox conversion instructions

Author: filipelima18

packages/projects-docs/pages/learn/devboxes/upload.mdx

@@ -1,15 +1,40 @@
 ---
 title: Upload static files
-description: Learn how you can upload static files to your CodeSandbox repositories.
+description: Learn how you can upload static files to your CodeSandbox Sandboxes and Devboxes.
 ---
 
+import { Callout } from 'nextra-theme-docs'
+
+---
 
 # Upload static files
 
-You can upload static files to your projects in CodeSandbox. To use this feature, drag the desired files from your computer and drop them into the file explorer on the sidebar. The files will then be automatically uploaded.
+You can upload static files (images, documents, videos, etc.) to your projects in CodeSandbox. To use this feature, drag the desired files from your computer and drop them into the file explorer on the sidebar. The files will then be automatically uploaded.
 
 Alternatively, you can use the icons shown at the right of the _WORKSPACE_ heading (top of the file explorer), right-click the file explorer, or press `$mod+alt+F` to open the file input.
 
 ![Sidebar upload](../images/file-upload.jpg)
 
-CodeSandbox allows you to upload several different file types (images, documents, videos, etc.) with up to 7MB each in our Free plans and 30MB each in our [Pro plans](https://codesandbox.io/pricing).
+## Upload limits
+
+CodeSandbox file upload limits vary depending on the runtime and plan.
+
+For Sandboxes, the limits are:
+
+- 50 MB total storage per user with a Free account.
+- 1000 MB total storage per user with a Pro account.
+
+<Callout emoji="⚠️">
+The limits for Sandboxes are not specific to each Sandbox; they are shared across all Sandboxes created by the same user.
+</Callout>
+
+You can check your current Sandbox storage usage from your [Dashboard](https://codesandbox.io/dashboard/) by clicking your user avatar at the top right and then "Storage".
+
+For Devboxes and repositories, the limits are:
+
+- 20 GB total storage per Devbox or repository branch for workspaces on a Free plan.
+- 50 GB total storage per Devbox or repository branch for workspaces on a Pro plan.
+
+You can check your Devbox storage usage by clicking the CodeSandbox icon at the top left of the editor and then "Virtual machine". This will open a new DevTool displaying the current VM usage, including storage.
+
+![Sidebar upload](../images/change-vm-editor.jpg)

packages/projects-docs/pages/learn/images/change-vm-editor.jpg

@@ -9,5 +9,9 @@
     "title": "Synced Templates",
     "href": "/learn/devboxes/synced-templates"
   },
+  "upload": {
+    "title": "Upload static files",
+    "href": "/learn/devboxes/upload"
+  },
   "faq": "FAQ"
 }

packages/projects-docs/pages/learn/sandboxes/_meta.json

@@ -35,6 +35,6 @@ Besides the benefits presented above, there are some other noteworthy features t
 
 ## Convert a Sandbox to a Devbox
 
-You can convert most Sandboxes into a Devbox by clicking the "Convert to Devbox" button at the top right of the Sandbox editor.
+You can convert most Sandboxes into a Devbox by clicking the chevron next to the "Fork" button at the top right of the Sandbox editor and then selecting "Fork as Sandbox".
 
-![Convert Sandbox to Devbox](https://assets.codesandbox.io/images/convert-sandbox-to-devbox.jpg)
+![Convert Sandbox to Devbox](https://assets.codesandbox.io/images/convert-sandbox-to-devbox-new.jpg)