Add Web IDE Beta to practical handbook edits

Why is this change being made?

The new Web IDE is in Beta as of 2022-12-19. There are changes to the workflows to edit handbook pages. This MR adds documentation for practical handbook edits by providing a step-by-step tutorial with screenshots for the new workflow.

This will help team members to continue using and testing the new Web IDE.

Note: This MR was created by using the Web IDE Beta itself :-) At the point where this MR was created as draft, to the final review request later.

Author Checklist

• Provided a concise title for this Merge Request (MR)
• Added a description to this MR explaining the reasons for the proposed change, per say why, not just what
  • Copy/paste the Slack conversation to document it for later, or upload screenshots. Verify that no confidential data is added.
• Assign reviewers for this MR to the correct Directly Responsible Individual/s (DRI)
  • If the DRI for the page/s being updated isn’t immediately clear, then assign it to one of the people listed in the Maintained by section on the page being edited
  • If your manager does not have merge rights, please ask someone to merge it AFTER it has been approved by your manager in #mr-buddies
• If the changes affect team members, or warrant an announcement in another way, please consider posting an update in #whats-happening-at-gitlab linking to this MR
  • If this is a change that directly impacts the majority of global team members, it should be a candidate for #company-fyi. Please work with internal communications and check the handbook for examples.

---