UI improvements

[benekex2]

Closes #101
Closes #132
Closes #120

Screenshots

Pull Request Checklist

1. All visible strings are translated with proper context.
2. All data-formatting is locale-aware (dates, numbers, and so on).
3. Translated strings are extracted to .pot file.
4. Number of API calls is optimized.
5. The changes are tested.
6. Type definitions are up to date.
7. Changes are mentioned in the changelog.

[codecov]

Codecov Report

Merging #166 into master will decrease coverage by 0.13%.
The diff coverage is 70.58%.

@@            Coverage Diff            @@
##           master    #166      +/-   ##
=========================================
- Coverage   73.74%   73.6%   -0.14%     
=========================================
  Files         528     531       +3     
  Lines        5328    5342      +14     
  Branches      911     917       +6     
=========================================
+ Hits         3929    3932       +3     
- Misses       1254    1259       +5     
- Partials      145     151       +6

Impacted Files	Coverage Δ
...ts/OrderProductAddDialog/OrderProductAddDialog.tsx	63.88% <ø> (ø)	⬆️
...pleteSelectField/SingleAutocompleteSelectField.tsx	50% <ø> (ø)	⬆️
src/components/Checkbox/Checkbox.tsx	75% <ø> (ø)	⬆️
...onents/AttributeProperties/AttributeProperties.tsx	100% <ø> (ø)	⬆️
src/components/RadioGroupField/RadioGroupField.tsx	87.5% <ø> (ø)	⬆️
...rc/orders/components/OrderHistory/OrderHistory.tsx	32.5% <ø> (ø)	⬆️
...mponents/CollectionListPage/CollectionListPage.tsx	100% <ø> (ø)	⬆️
src/components/Theme/ThemeProvider.tsx	61.53% <ø> (ø)	⬆️
...ponents/TablePagination/TablePaginationActions.tsx	75% <ø> (ø)	⬆️
...mponents/OrderDraftListPage/OrderDraftListPage.tsx	100% <ø> (ø)	⬆️
... and 70 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 9503c88...6063048. Read the comment docs.

[dominik-zeglen]

I'm pretty sure that important in src/theme.ts are overused and those styles can be written without abusing this tag.

Additionally:

Margin between header and line is definitely too big

Bottom borders should be soft too

The first one is focused, and second unfocused. I think it should be done the other way. There should be some margin between checkbox and label

Text shouldn't be gray when hovered or focused, at least not in dark mode

Labels should not be seen through other components

Bottom padding should be decreased

[maarcingebala]

• Typo in Attribute details view - should be "If enabled"