☕ CHORE: add issue forms (#1509)

* ☕ CHORE: issue form for bugs

* ☕ CHORE: add issue form for features

.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,35 +0,0 @@
----
-name: Bug report
-about: Create a report to help us improve
-title: ''
-labels: ''
-assignees: ''
----
-
-**Describe the bug** A clear and concise description of what the bug is.
-
-**To Reproduce** Steps to reproduce the behavior:
-
-1. Go to '...'
-2. Click on '....'
-3. Scroll down to '....'
-4. See error
-
-**Expected behavior** A clear and concise description of what you expected to happen.
-
-**Screenshots** If applicable, add screenshots to help explain your problem.
-
-**Desktop (please complete the following information):**
-
-- OS: [e.g. iOS]
-- Browser [e.g. chrome, safari]
-- Version [e.g. 22]
-
-**Smartphone (please complete the following information):**
-
-- Device: [e.g. iPhone6]
-- OS: [e.g. iOS8.1]
-- Browser [e.g. stock browser, safari]
-- Version [e.g. 22]
-
-**Additional context** Add any other context about the problem here.

.github/ISSUE_TEMPLATE/bugs.yml

@@ -0,0 +1,74 @@
+name: Report a Bug
+description: Found a bug? Let us know!
+labels: 'bug'
+body:
+# bug description
+- type: textarea
+  id: descrption
+  attributes:
+    label: Describe The Bug
+    description: "A clear and concise description of what the bug is."
+  validations:
+    required: true
+# steps to reproduce
+- type: textarea
+  id: steps
+  attributes:
+    label: Steps To Reproduce
+    description: "Steps to reproduce the behavior."
+    placeholder: |
+      1. Go to '...'
+      2. Click on '....'
+      3. Scroll down to '....'
+      4. See error
+  validations:
+    required: false
+# expected behavior
+- type: textarea
+  id: expected
+  attributes:
+    label: Expected Behavior
+    description: "A clear and concise description of what you expected to happen."
+  validations:
+    required: false
+# screenshots
+- type: textarea
+  id: screenshots
+  attributes:
+    label: Screenshots
+    description: "If applicable, add screenshots to help explain your problem."
+  validations:
+    required: false
+# desktop
+- type: textarea
+  id: desktop
+  attributes:
+    label: Desktop
+    description: "Please complete the following information."
+    placeholder: |
+      - OS: [e.g. iOS]
+      - Browser [e.g. chrome, safari]
+      - Version [e.g. 22]
+  validations:
+    required: false
+# smartphone
+- type: textarea
+  id: mobile
+  attributes:
+    label: Smartphone
+    description: "Please complete the following information."
+    placeholder: |
+      - Device: [e.g. iPhone6]
+      - OS: [e.g. iOS8.1]
+      - Browser [e.g. stock browser, safari]
+      - Version [e.g. 22]
+  validations:
+    required: false
+# additional context
+- type: textarea
+  id: additional-context
+  attributes:
+    label: Additional Context
+    description: "Add any other context about the problem here."
+  validations:
+    required: false

.github/ISSUE_TEMPLATE/feature_request.md

@@ -1,15 +0,0 @@
----
-name: Feature request
-about: Suggest an idea for this project
-title: ''
-labels: ''
-assignees: ''
----
-
-**Is your feature request related to a problem? Please describe.** A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
-
-**Describe the solution you'd like** A clear and concise description of what you want to happen.
-
-**Describe alternatives you've considered** A clear and concise description of any alternative solutions or features you've considered.
-
-**Additional context** Add any other context or screenshots about the feature request here.

.github/ISSUE_TEMPLATE/features.yml

@@ -0,0 +1,36 @@
+name: Feature Request
+description: Have a feature request? Let us know!
+labels: 'feature request'
+body:
+# problem
+- type: textarea
+  id: problem
+  attributes:
+    label: Is your feature request related to a problem? Please describe.
+    description: "A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]"
+  validations:
+    required: true
+# solution
+- type: textarea
+  id: solution
+  attributes:
+    label: Describe the solution you'd like.
+    description: "A clear and concise description of what you want to happen."
+  validations:
+    required: true
+# alternative
+- type: textarea
+  id: alternative
+  attributes:
+    label: Describe alternatives you've considered.
+    description: "A clear and concise description of any alternative solutions or features you've considered."
+  validations:
+    required: true
+# additional context
+- type: textarea
+  id: additional-context
+  attributes:
+    label: Additional Context
+    description: "Add any other context about the problem here."
+  validations:
+    required: false