Add Learn GitLab step: "Add File/Code"

Context: Adding code to a project is one of the "must have" requirements for people to start using GitLab. Because this step is critical, we should add it as the first step to Learn GitLab.

Decisions: For this first iteration, we are leveraging the new Web IDE because:

• We'll probably deprecate the previous and our single file experience is not as fully-fledged.
• It uses VSCode as backbone which is probably the primary IDE used in the industry? (See this study from StackOverflow for reference). It's probably easier for people to use thus push code and get started with GitLab.
• While this prompt to add code exists it does not support upload of multiple files

Solution

Add a section to add code within Learn GitLab that redirects to the new WebIDE

Tracking

1. Clicks to this step in Learn GitLab is tracked

"category": "projects:learn_gitlab:show",
"action": "click_link",
"label": "add_code",

2. If someone completes this task of adding code, can we detect that they did so from Learn GitLab and the new Web IDE?

"category": "ide:index",
"action": "commit",
"label": "web_ide_learn_gitlab_source",

Current experience

No add code step

Design change

Default	Code added to project

Workflow

📐 Design specs