refactor(imports): replace relative imports with path aliases (#2741)

fluxer_app/src/features/user/components/modals/tabs/appearance_tab/theme/ThemeTabContent.tsx

@@ -9,6 +9,7 @@ import {Button} from '@app/features/ui/button/Button';
 import {Switch} from '@app/features/ui/components/form/FormSwitch';
 import {Tooltip} from '@app/features/ui/tooltip/Tooltip';
 import styles from '@app/features/user/components/modals/tabs/appearance_tab/ThemeTab.module.css';
+import {ThemeButton} from '@app/features/user/components/modals/tabs/appearance_tab/theme/ThemeButton';
 import type {ThemeType} from '@fluxer/constants/src/UserConstants';
 import {ThemeTypes} from '@fluxer/constants/src/UserConstants';
 import {msg} from '@lingui/core/macro';
@@ -17,7 +18,6 @@ import {ArrowsCounterClockwiseIcon, PaintBrushBroadIcon} from '@phosphor-icons/r
 import {observer} from 'mobx-react-lite';
 import type React from 'react';
 import {useCallback, useEffect, useMemo, useRef} from 'react';
-import {ThemeButton} from './ThemeButton';
 
 const DARK_THEME_DESCRIPTOR = msg({
 	message: 'Dark theme',

fluxer_app/src/features/user/components/modals/tabs/appearance_tab/theme/ThemeUtils.test.ts

@@ -1,7 +1,12 @@
 // SPDX-License-Identifier: AGPL-3.0-or-later
 
+import {
+	cssColorStringToHex,
+	cssColorStringToNumber,
+	numberToHex,
+	updateCssForVariable,
+} from '@app/features/user/components/modals/tabs/appearance_tab/theme/ThemeUtils';
 import {describe, expect, it} from 'vitest';
-import {cssColorStringToHex, cssColorStringToNumber, numberToHex, updateCssForVariable} from './ThemeUtils';
 
 describe('updateCssForVariable', () => {
 	it('adds a token override when the CSS is empty', () => {

fluxer_app/src/features/user/components/modals/tabs/appearance_tab/theme/useThemeHydration.ts

@@ -1,9 +1,12 @@
 // SPDX-License-Identifier: AGPL-3.0-or-later
 
 import Theme from '@app/features/theme/state/Theme';
+import {
+	THEME_STUDIO_DARK_DEFAULT_VARIABLE_VALUES,
+	THEME_STUDIO_LIGHT_DEFAULT_VARIABLE_VALUES,
+} from '@app/features/user/components/modals/tabs/appearance_tab/theme/ThemeConstants';
 import type {ThemeType} from '@fluxer/constants/src/UserConstants';
 import {ThemeTypes} from '@fluxer/constants/src/UserConstants';
-import {THEME_STUDIO_DARK_DEFAULT_VARIABLE_VALUES, THEME_STUDIO_LIGHT_DEFAULT_VARIABLE_VALUES} from './ThemeConstants';
 
 export interface ThemeHydrationResult {
 	systemPrefersDark: boolean;

fluxer_app/src/features/user/components/modals/tabs/my_profile_tab/ProfileAssetCustomizationStateMachine.test.ts

@@ -1,6 +1,5 @@
 // SPDX-License-Identifier: AGPL-3.0-or-later
 
-import {describe, expect, it} from 'vitest';
 import {
 	assignProfileAssetUploadPatch,
 	createGlobalProfileAssetRemoteState,
@@ -13,7 +12,8 @@ import {
 	type ProfileAssetRemoteState,
 	selectProfileAssetCustomizationState,
 	transitionProfileAssetCustomizationSnapshot,
-} from './ProfileAssetCustomizationStateMachine';
+} from '@app/features/user/components/modals/tabs/my_profile_tab/ProfileAssetCustomizationStateMachine';
+import {describe, expect, it} from 'vitest';
 
 const IDENTITY = 'user-1:guild-1';
 const OTHER_IDENTITY = 'user-1:guild-2';