Update Bug Report issue template (#13267)

The "Bug Report" issue template now uses the new "issue form" GitHub
feature[1], which allows creating issues using a web form. This form
should be more effective in encouraging submitters to fill out the
required fields.

This form includes a new field for error messages or log output, and
for the build type the user was using (e.g. Flask).

[1]: https://docs.github.com/en/communities/using-templates-to-encourage-useful-issues-and-pull-requests/configuring-issue-templates-for-your-repository#creating-issue-forms

.github/ISSUE_TEMPLATE/bug-report.md

@@ -1,37 +0,0 @@
----
-name: Bug Report
-about: Using MetaMask, but it's not working as you expect?
-
----
-
-<!--
-BEFORE SUBMITTING:
-1) Please search to make sure this issue has not been opened already
-2) If this is an implementation question or trouble with your personal project, please post on StackExchange. This will get your question answered more quickly and make it easier for other devs to find the answer in the future.
--->
-
-**Describe the bug**
-A clear and concise description of what the bug is.
-
-**Steps to reproduce (REQUIRED)**
-Steps to reproduce the behavior, libraries used with version number, and/or any setup information to easily reproduce:
-
-1. Go to '...'
-2. Click on '....'
-3. Scroll down to '....'
-4. See error
-
-**Expected behavior**
-A clear description of what you expected to happen.
-
-**Screenshots**
-If applicable, add screenshots to help explain your problem.
-
-**Browser details (please complete the following information):**
- - OS: [e.g. OS X, Windows]
- - Hardware Wallet: [e.g. Trezor Firmware version 1.8.3, Ledger Nano S Firmware version 1.6.0]
- - Browser: [e.g. Chrome Version 79.0.3945.79 (Official Build) (64-bit), Firefox Browser 71.0 (64-bit)]
- - MetaMask Version: [e.g. 5.0.2 - find it in Settings > About]
-
-**Additional context (Error Messages, etc.)**
-Add any other context about the problem here.

.github/ISSUE_TEMPLATE/bug-report.yml

@@ -0,0 +1,97 @@
+name: Bug Report
+description: Using MetaMask, but it's not working as you expect?
+title: "[Bug]: "
+labels: ["bug"]
+body:
+ - type: markdown
+   attributes:
+     value: |
+       Thanks for taking the time to fill out this bug report!
+
+       ## **Before Submitting:**
+
+       * Please search to make sure this issue has not been opened already.
+       * If this is a question about how to integrate MetaMask with your project, please ask in our [Community forum](https://community.metamask.io/c/developer-questions/) instead. This will get your question answered more quickly and make it easier for other devs to find the answer in the future.
+ - type: textarea
+   id: what-happened
+   attributes:
+     label: Describe the bug
+     description: What happened? What did you expect to happen? Please include screenshots if applicable!
+     placeholder: Tell us what you see!
+   validations:
+     required: true
+ - type: textarea
+   id: reproduce
+   attributes:
+     label: Steps to reproduce
+     description: List all steps needed to reproduce the problem
+     value: |
+       1.
+   validations:
+     required: true
+ - type: textarea
+   id: error
+   attributes:
+     label: Error messages or log output
+     description: Please copy and paste any relevant error messages or log output. This will be automatically formatted, so there is no need for backticks.
+     render: shell
+ - type: input
+   id: version
+   attributes:
+     label: Version
+     description: What version of MetaMask are you running? You can find the version in "Settings" > "About"
+   validations:
+     required: true
+ - type: dropdown
+   id: build
+   attributes:
+     label: Build type
+     description: Are you using a testing or development build of MetaMask? If so, please select the type of build you are using.
+     options:
+       - Beta
+       - Flask
+       - Other (please specify exactly where you obtained this build in "Additional Context" section)
+ - type: dropdown
+   id: browsers
+   attributes:
+     label: Browser
+     description: Which browsers have you seen the problem on?
+     multiple: true
+     options:
+       - Chrome
+       - Firefox
+       - Microsoft Edge
+       - Brave
+       - Other (please elaborate in the "Additional Context" section)
+   validations:
+     required: true
+ - type: dropdown
+   id: os
+   attributes:
+     label: Operating system
+     description: Which operating systems have you seen the problem on?
+     multiple: true
+     options:
+       - Windows
+       - MacOS
+       - Linux
+       - Other (please elaborate in the "Additional Context" section)
+   validations:
+     required: true
+ - type: dropdown
+   id: hardware-wallet
+   attributes:
+     label: Hardware wallet
+     description: Are you using any of these hardware wallets? Please include the firmware version in the "Additional context" section below for any that you select here.
+     multiple: true
+     options:
+       - Ledger
+       - Trezor
+       - Keystone
+       - GridPlus Lattice1
+       - Other (please elaborate in the "Additional Context" section)
+ - type: textarea
+   id: additional
+   attributes:
+     label: Additional context
+     description: Add any other context about the problem here, e.g. related issues, additional error messages or logs, or any potentially relevant details about the environment or situation the bug occurred in.