Add use-case descriptions to Types section on Variables overview page

[forzatogo]

Add use-case descriptions to Types section on Variables overview page

Summary

Enhances the "Types" section of the Variables overview page by adding brief use-case descriptions to each variable type, helping users quickly identify which type they need without clicking through to every page.

Problem

The current Types section lists variable types as simple bullet points with no context about when to use each one. Users must click through several different pages to understand which variable type fits their use case. This creates friction, especially for:

• New users adding their first variable
• Users choosing between similar-sounding types (Environment vs Global Environment)
• Developers deciding between Environment Variables and Process Environment Variables for secrets

Solution

Added concise use-case descriptions to each variable type while preserving the existing structure. Each type now includes:

• A description of when to use it
• The link to detailed documentation

Changes

• Added use-case descriptions to all 7 core variable types
• Added use-case description and context to Process Environment Variables
• Reordered the 7 core types to match the precedence shown in the existing diagram on the page, for consistency
• Clarified that Process Environment Variables are stored in .env files

Impact

• Users can identify the right variable type without leaving the overview page
• Improves first-session experience for new users
• Maintains compatibility with existing documentation structure

Testing

Tested locally with npm run dev - renders correctly, all links work, formatting matches existing page style.

[vercel]

@forzatogo is attempting to deploy a commit to the Bruno Team on Vercel.

A member of the Team first needs to authorize it.