🔧 [#445] Add rule for @/ import order

Explicit @/ imports are preferred as they deliberately signal that
it's code from our own root/src dir. This will eventually allow us to
clean up the rest of the import sorting config.

.prettierrc.json

@@ -15,7 +15,7 @@
   "tabWidth": 2,
   "trailingComma": "es5",
   "useTabs": false,
-  "importOrder": ["^((api-mocks|components|data|formio|hooks|map|routes|story-utils|types)/(.*)|(api|api-mocks|cache|Context|errors|headers|i18n|routes|sdk|sentry|types|utils))$", "^[./]"],
+  "importOrder": ["^((api-mocks|components|data|formio|hooks|map|routes|story-utils|types)/(.*)|(api|api-mocks|cache|Context|errors|headers|i18n|routes|sdk|sentry|types|utils))$", "^@/.*", "^[./]"],
   "importOrderSeparation": true,
   "importOrderSortSpecifiers": true
 }

src/components/Loader.tsx

@@ -1,6 +1,6 @@
 import {FormattedMessage} from 'react-intl';
 
-import {getBEMClassName} from 'utils';
+import {getBEMClassName} from '@/utils';
 
 export const MODIFIERS = ['centered', 'only-child', 'small', 'gray'] as const;
 

src/components/Price.tsx

@@ -1,6 +1,6 @@
 import {FormattedMessage, FormattedNumber} from 'react-intl';
 
-import {getBEMClassName} from 'utils';
+import {getBEMClassName} from '@/utils';
 
 export interface PriceProps {
   price?: string | number; // the API serializes decimals to strings to not lose precision