Release 1.3.0

### Features:

- Add dark theme;
- All components are styled: input, select, checkbox, range;
- Add Info tab in settings;
- Improved minor stylistic details.

### Bugs:

- Fix fee border notification input layout;
- Fixed a problem when enabling notifications about a commission with an incorrectly set fee border.

### Technical improvement:

- Move build from webpack to rspack;
- Add lazy loading for setting tabs;
- SVG import reworked;
- Add typing to release notes;
- Add separate component for Tab container;
- Refactoring;
- Update dependencies.

Author: IvanSavoskin

.eslintrc

@@ -26,7 +26,7 @@
         "react-hooks",
         "unicorn",
         "simple-import-sort",
-        "import"
+        "import-x"
     ],
     "rules": {
         "prettier/prettier": [
@@ -56,15 +56,15 @@
             }
         ],
         "import/prefer-default-export": "off",
-        "import/extensions": [
+        "import-x/extensions": [
             "error",
             "ignorePackages",
             {
                 "ts": "never",
                 "tsx": "never"
             }
         ],
-        "import/no-extraneous-dependencies": "off",
+        "import-x/no-extraneous-dependencies": "off",
         "unicorn/filename-case": "off",
         "no-use-before-define": "off",
         "@typescript-eslint/explicit-module-boundary-types": "off",
@@ -175,12 +175,12 @@
                 ]
             }
         ],
-        "import/no-import-module-exports": "off",
+        "import-x/no-import-module-exports": "off",
         "react/jsx-uses-react": "off",
         "react/react-in-jsx-scope": "off",
         "react/jsx-max-props-per-line": "off",
         "no-nested-ternary": "error",
-        "import/order": "off",
+        "import-x/order": "off",
         "simple-import-sort/imports": [
             "error",
             {
@@ -196,9 +196,9 @@
             }
         ],
         "simple-import-sort/exports": "error",
-        "import/first": "error",
-        "import/newline-after-import": "error",
-        "import/no-duplicates": "error",
+        "import-x/first": "error",
+        "import-x/newline-after-import": "error",
+        "import-x/no-duplicates": "error",
         "no-continue": "off",
         "jsx-a11y/label-has-associated-control": [
             "error",
@@ -211,8 +211,9 @@
         "no-console": "off"
     },
     "settings": {
-        "import/resolver": {
-            "typescript": {}
+        "import-x/resolver": {
+            "typescript": true,
+            "node": true
         },
         "react": {
             "version": "detect"

.github/ISSUE_TEMPLATE/1-bug_report.yml

@@ -0,0 +1,64 @@
+name: Bug report
+title: "[Bug]: "
+description: Create a report to help us improve!
+labels:
+  - bug
+  - triage
+assignees:
+  - IvanSavoskin
+body:
+  - type: textarea
+    id: description
+    attributes:
+      label: Description
+      description: Please give a clear and concise description of the bug
+    validations:
+      required: true
+  - type: textarea
+    id: reproduce
+    attributes:
+      label: Reproduce
+      description: Steps to reproduce the bug
+      placeholder: |
+        1. Go to ...
+        2. Click on ...
+        3. See error ...
+    validations:
+      required: true
+  - type: textarea
+    id: expected
+    attributes:
+      label: Expected behavior
+      description: What is the expected behavior?
+      placeholder: |
+        E.g. "Notification should play when block appears"
+  - type: input
+    id: version
+    attributes:
+      label: Version
+      description: Data from Info settings tab
+      placeholder: |
+        1.0.0
+    validations:
+      required: true
+  - type: dropdown
+    id: browsers
+    attributes:
+      label: Browser
+      description: What browser are you using?
+      multiple: false
+      options:
+        - Chrome
+        - Safari
+        - Microsoft Edge
+        - Firefox
+        - Other
+    validations:
+      required: true
+  - type: textarea
+    id: additional
+    attributes:
+      label: Additional Info
+      description: Additional info you want to provide such as logs, etc.
+    validations:
+      required: false

.github/ISSUE_TEMPLATE/2-feature_request.yml

@@ -0,0 +1,59 @@
+name: Feature request
+title: "[Feature]: "
+description: Suggest an idea for this project
+labels:
+  - "community enhancement"
+assignees:
+  - IvanSavoskin
+body:
+  - type: textarea
+    id: description
+    attributes:
+      label: Description
+      description: A clear and concise description of what you want to happen or the change you would like to see
+    validations:
+      required: false
+  - type: textarea
+    id: problem
+    attributes:
+      label: Problem
+      description: Tell about the problem you're trying to solve. What are you trying to do, and why is this necessary? A clear and concise description of what the problem is
+      placeholder: |
+        Ex. I'm always frustrated when [...]
+    validations:
+      required: false
+  - type: textarea
+    id: workaround
+    attributes:
+      label: Workaround
+      description: A clear and concise description of any alternative solutions or features you've considered or are using today.
+  - type: input
+    id: version
+    attributes:
+      label: Current version
+      description: Data from Info settings tab
+      placeholder: |
+        1.0.0
+    validations:
+      required: true
+  - type: dropdown
+    id: browsers
+    attributes:
+      label: Browser
+      description: What browser are you using?
+      multiple: false
+      options:
+        - Chrome
+        - Safari
+        - Microsoft Edge
+        - Firefox
+        - Other
+    validations:
+      required: true
+  - type: textarea
+    id: additional
+    attributes:
+      label: Additional context
+      description: Add any other context or screenshots about the feature request here.
+    validations:
+      required: false

custom_typing/svg.d.ts

@@ -1,4 +1,6 @@
 declare module "*.svg" {
-    const content: string;
+    import React from "react";
+
+    const content: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
     export default content;
 }