fix: cleanup imports (#112)

* fix: use path alias

* fix: more path alias

* fix: even more path aliasing

* fix: even moreeeee path aliasing

* fix: sort imports

* fix: sort imports (again)

src/views/components/common/Button/Button.tsx

@@ -1,12 +1,11 @@
+import type { ThemeColor } from '@shared/util/themeColors';
+import { getThemeColorHexByName, getThemeColorRgbByName } from '@shared/util/themeColors';
+import Text from '@views/components/common/Text/Text';
 import clsx from 'clsx';
 import React from 'react';
 
 import type IconComponent from '~icons/material-symbols';
 
-import type { ThemeColor } from '../../../../shared/util/themeColors';
-import { getThemeColorHexByName, getThemeColorRgbByName } from '../../../../shared/util/themeColors';
-import Text from '../Text/Text';
-
 interface Props {
     className?: string;
     style?: React.CSSProperties;

src/views/components/common/Chip/Chip.tsx

@@ -1,7 +1,6 @@
+import Text from '@views/components/common/Text/Text';
 import React from 'react';
 
-import Text from '../Text/Text';
-
 /**
  * A type that represents the flags that a course can have.
  */

src/views/components/common/ConflictsWithWarning/ConflictsWithWarning.tsx

@@ -1,9 +1,8 @@
+import Text from '@views/components/common/Text/Text';
 import clsx from 'clsx';
 import React from 'react';
 import type { Course } from 'src/shared/types/Course';
 
-import Text from '../Text/Text';
-
 /**
  * Props for ConflictWithWarningProps
  */

src/views/components/common/CourseStatus/CourseStatus.tsx

@@ -1,10 +1,9 @@
 import type { StatusType } from '@shared/types/Course';
 import { StatusIcon } from '@shared/util/icons';
+import Text from '@views/components/common/Text/Text';
 import clsx from 'clsx';
 import React from 'react';
 
-import Text from '../Text/Text';
-
 type SizeType = 'small' | 'mini';
 
 /**

src/views/components/common/InfoCard/InfoCard.tsx

@@ -1,7 +1,6 @@
+import Text from '@views/components/common/Text/Text';
 import React from 'react';
 
-import Text from '../Text/Text';
-
 interface Props {
     titleText: string;
     bodyText: string;

src/views/components/common/Link/Link.tsx

@@ -1,10 +1,10 @@
 import { background } from '@shared/messages';
+import type { TextProps } from '@views/components/common/Text/Text';
+import Text from '@views/components/common/Text/Text';
 import clsx from 'clsx';
 import type { PropsWithChildren } from 'react';
 import React from 'react';
 
-import type { TextProps } from '../Text/Text';
-import Text from '../Text/Text';
 import styles from './Link.module.scss';
 
 type Props = Omit<TextProps, 'span'> & {

src/views/components/common/PopupCourseBlock/PopupCourseBlock.tsx

@@ -3,13 +3,12 @@ import { Status } from '@shared/types/Course';
 import type { CourseColors } from '@shared/util/colors';
 import { pickFontColor } from '@shared/util/colors';
 import { StatusIcon } from '@shared/util/icons';
+import Text from '@views/components/common/Text/Text';
 import clsx from 'clsx';
 import React from 'react';
 
 import DragIndicatorIcon from '~icons/material-symbols/drag-indicator';
 
-import Text from '../Text/Text';
-
 /**
  * Props for PopupCourseBlock
  */

src/views/components/common/ScheduleTotalHoursAndCourses/ScheduleTotalHoursAndCourses.tsx

@@ -1,7 +1,6 @@
+import Text from '@views/components/common/Text/Text';
 import React from 'react';
 
-import Text from '../Text/Text';
-
 /**
  * Props for ScheduleTotalHoursAndCourses
  */