Simplify component import paths using aliasing

[developher-net]

When importing components into pages, it gets very tedious to write deep relative paths.

// /pages/path/to/my/page/index.jsx
import Button from '../../../../../components/atoms/Button'

If the page route changes (and therefore the location of the file) the relative paths all need to be updated, which is a lot of unnecessary work.

This can be solved with module-alias which provides a method of aliasing these for easier use:

// /pages/path/to/my/page/index.jsx
import Button from '@atoms/Button'

[developher-net]

Alternatively, https://github.com/johvin/eslint-import-resolver-alias is a solution that should work with eslint rules so IDEs don't complain about paths they can't resolve.