refactor: use relative TS path

src/components/Dashboard/Mobile/Ribbon/MobileRibbon.tsx

@@ -2,8 +2,8 @@ import { ActionIcon, Space, createStyles } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
 import { IconChevronLeft, IconChevronRight } from '@tabler/icons-react';
 
-import { useConfigContext } from '../../../../config/provider';
-import { useScreenLargerThan } from '../../../../hooks/useScreenLargerThan';
+import { useConfigContext } from '~/config/provider';
+import { useScreenLargerThan } from '~/hooks/useScreenLargerThan';
 import { MobileRibbonSidebarDrawer } from './MobileRibbonSidebarDrawer';
 
 export const MobileRibbons = () => {

src/components/Dashboard/Modals/ChangePosition/ChangeAppPositionModal.tsx

@@ -1,9 +1,9 @@
 import { SelectItem } from '@mantine/core';
 import { ContextModalProps, closeModal } from '@mantine/modals';
 
-import { useConfigContext } from '../../../../config/provider';
-import { useConfigStore } from '../../../../config/store';
-import { AppType } from '../../../../types/app';
+import { useConfigContext } from '~/config/provider';
+import { useConfigStore } from '~/config/store';
+import { AppType } from '~/types/app';
 import { useGridstackStore, useWrapperColumnCount } from '../../Wrappers/gridstack/store';
 import { ChangePositionModal } from './ChangePositionModal';
 

src/components/Dashboard/Modals/ChangePosition/ChangePositionModal.tsx

@@ -2,7 +2,7 @@ import { Button, Flex, Grid, NumberInput, Select, SelectItem } from '@mantine/co
 import { useForm } from '@mantine/form';
 import { useTranslation } from 'next-i18next';
 
-import { useConfigContext } from '../../../../config/provider';
+import { useConfigContext } from '~/config/provider';
 
 interface ChangePositionModalProps {
   initialX?: number;

src/components/Dashboard/Modals/ChangePosition/ChangeWidgetPositionModal.tsx

@@ -1,8 +1,8 @@
 import { SelectItem } from '@mantine/core';
 import { ContextModalProps, closeModal } from '@mantine/modals';
 
-import { useConfigContext } from '../../../../config/provider';
-import { useConfigStore } from '../../../../config/store';
+import { useConfigContext } from '~/config/provider';
+import { useConfigStore } from '~/config/store';
 import widgets from '../../../../widgets';
 import { WidgetChangePositionModalInnerProps } from '../../Tiles/Widgets/WidgetsMenu';
 import { useGridstackStore, useWrapperColumnCount } from '../../Wrappers/gridstack/store';

src/components/Dashboard/Modals/EditAppModal/EditAppModal.tsx

@@ -13,9 +13,9 @@ import {
 import { useTranslation } from 'next-i18next';
 import { useState } from 'react';
 
-import { useConfigContext } from '../../../../config/provider';
-import { useConfigStore } from '../../../../config/store';
-import { AppType } from '../../../../types/app';
+import { useConfigContext } from '~/config/provider';
+import { useConfigStore } from '~/config/store';
+import { AppType } from '~/types/app';
 import { DebouncedImage } from '../../../IconSelector/DebouncedImage';
 import { useEditModeStore } from '../../Views/useEditModeStore';
 import { AppearanceTab } from './Tabs/AppereanceTab/AppereanceTab';

src/components/Dashboard/Modals/EditAppModal/Tabs/AppereanceTab/AppereanceTab.tsx

@@ -4,8 +4,8 @@ import { useDebouncedValue } from '@mantine/hooks';
 import { useTranslation } from 'next-i18next';
 import { useEffect, useRef } from 'react';
 
-import { AppType } from '../../../../../../types/app';
-import { IconSelector } from '../../../../../IconSelector/IconSelector';
+import { AppType } from '~/types/app';
+import { IconSelector } from '~/components/IconSelector/IconSelector';
 
 interface AppearanceTabProps {
   form: UseFormReturnType<AppType, (values: AppType) => AppType>;

src/components/Dashboard/Modals/EditAppModal/Tabs/BehaviourTab/BehaviourTab.tsx

@@ -2,7 +2,7 @@ import { Text, TextInput, Tooltip, Stack, Switch, Tabs, Group, useMantineTheme,
 import { UseFormReturnType } from '@mantine/form';
 import { useTranslation } from 'next-i18next';
 
-import { AppType } from '../../../../../../types/app';
+import { AppType } from '~/types/app';
 import { InfoCard } from '~/components/InfoCard/InfoCard'
 
 interface BehaviourTabProps {

src/components/Dashboard/Modals/EditAppModal/Tabs/GeneralTab/GeneralTab.tsx

@@ -3,7 +3,7 @@ import { UseFormReturnType } from '@mantine/form';
 import { IconClick, IconCursorText, IconLink } from '@tabler/icons-react';
 import { useTranslation } from 'next-i18next';
 
-import { AppType } from '../../../../../../types/app';
+import { AppType } from '~/types/app';
 import { EditAppModalTab } from '../type';
 
 interface GeneralTabProps {

src/components/Dashboard/Modals/EditAppModal/Tabs/IntegrationTab/Components/InputElements/GenericSecretInput.tsx

@@ -16,7 +16,7 @@ import { Icon } from '@tabler/icons-react';
 import { useTranslation } from 'next-i18next';
 import { useState } from 'react';
 
-import { AppIntegrationPropertyAccessabilityType } from '../../../../../../../../types/app';
+import { AppIntegrationPropertyAccessabilityType } from '~/types/app';
 
 interface GenericSecretInputProps {
   label: string;

src/components/Dashboard/Modals/EditAppModal/Tabs/IntegrationTab/Components/InputElements/IntegrationSelector.tsx

@@ -11,7 +11,7 @@ import {
   IntegrationField,
   integrationFieldDefinitions,
   integrationFieldProperties,
-} from '../../../../../../../../types/app';
+} from '~/types/app';
 
 interface IntegrationSelectorProps {
   form: UseFormReturnType<AppType, (item: AppType) => AppType>;

src/components/Dashboard/Modals/EditAppModal/Tabs/IntegrationTab/Components/IntegrationOptionsRenderer/IntegrationOptionsRenderer.tsx

@@ -8,7 +8,7 @@ import {
   IntegrationField,
   integrationFieldDefinitions,
   integrationFieldProperties,
-} from '../../../../../../../../types/app';
+} from '~/types/app';
 import { GenericSecretInput } from '../InputElements/GenericSecretInput';
 
 interface IntegrationOptionsRendererProps {

src/components/Dashboard/Modals/EditAppModal/Tabs/IntegrationTab/IntegrationTab.tsx

@@ -3,7 +3,7 @@ import { UseFormReturnType } from '@mantine/form';
 import { IconAlertTriangle } from '@tabler/icons-react';
 import { Trans, useTranslation } from 'next-i18next';
 
-import { AppType } from '../../../../../../types/app';
+import { AppType } from '~/types/app';
 import { IntegrationSelector } from './Components/InputElements/IntegrationSelector';
 import { IntegrationOptionsRenderer } from './Components/IntegrationOptionsRenderer/IntegrationOptionsRenderer';
 

src/components/Dashboard/Modals/EditAppModal/Tabs/NetworkTab/NetworkTab.tsx

@@ -2,8 +2,8 @@ import { MultiSelect, Stack, Switch, Tabs } from '@mantine/core';
 import { UseFormReturnType } from '@mantine/form';
 import { useTranslation } from 'next-i18next';
 
-import { StatusCodes } from '../../../../../../tools/acceptableStatusCodes';
-import { AppType } from '../../../../../../types/app';
+import { StatusCodes } from '~/tools/acceptableStatusCodes';
+import { AppType } from '~/types/app';
 
 interface NetworkTabProps {
   form: UseFormReturnType<AppType, (values: AppType) => AppType>;

src/components/Dashboard/Modals/SelectElement/Components/Overview/AvailableElementsOverview.tsx

@@ -7,10 +7,10 @@ import { useTranslation } from 'next-i18next';
 import { ReactNode } from 'react';
 import { v4 as uuidv4 } from 'uuid';
 
-import { useConfigContext } from '../../../../../../config/provider';
-import { useConfigStore } from '../../../../../../config/store';
-import { openContextModalGeneric } from '../../../../../../tools/mantineModalManagerExtensions';
-import { AppType } from '../../../../../../types/app';
+import { useConfigContext } from '~/config/provider';
+import { useConfigStore } from '~/config/store';
+import { openContextModalGeneric } from '~/tools/mantineModalManagerExtensions';
+import { AppType } from '~/types/app';
 import { CategoryEditModalInnerProps } from '../../../../Wrappers/Category/CategoryEditModal';
 import { useStyles } from '../Shared/styles';
 

src/components/Dashboard/Modals/SelectElement/Components/WidgetsTab/WidgetElementType.tsx

@@ -4,9 +4,9 @@ import { Icon, IconChecks } from '@tabler/icons-react';
 import { useTranslation } from 'next-i18next';
 import { v4 as uuidv4 } from 'uuid';
 
-import { useConfigContext } from '../../../../../../config/provider';
-import { useConfigStore } from '../../../../../../config/store';
-import { IWidget, IWidgetDefinition } from '../../../../../../widgets/widgets';
+import { useConfigContext } from '~/config/provider';
+import { useConfigStore } from '~/config/store';
+import { IWidget, IWidgetDefinition } from '~/widgets/widgets';
 import { useEditModeStore } from '../../../../Views/useEditModeStore';
 import { GenericAvailableElementType } from '../Shared/GenericElementType';
 

src/components/Dashboard/Tiles/Apps/AppMenu.tsx

@@ -1,7 +1,7 @@
-import { useConfigContext } from '../../../../config/provider';
-import { useConfigStore } from '../../../../config/store';
-import { openContextModalGeneric } from '../../../../tools/mantineModalManagerExtensions';
-import { AppType } from '../../../../types/app';
+import { useConfigContext } from '~/config/provider';
+import { useConfigStore } from '~/config/store';
+import { openContextModalGeneric } from '~/tools/mantineModalManagerExtensions';
+import { AppType } from '~/types/app';
 import { GenericTileMenu } from '../GenericTileMenu';
 
 interface TileMenuProps {

src/components/Dashboard/Tiles/Apps/AppPing.tsx

@@ -6,8 +6,8 @@ import { useSession } from 'next-auth/react';
 import { useTranslation } from 'next-i18next';
 import { RouterOutputs, api } from '~/utils/api';
 
-import { useConfigContext } from '../../../../config/provider';
-import { AppType } from '../../../../types/app';
+import { useConfigContext } from '~/config/provider';
+import { AppType } from '~/types/app';
 
 interface AppPingProps {
   app: AppType;

src/components/Dashboard/Tiles/Apps/AppTile.tsx

@@ -3,7 +3,7 @@ import { createStyles, useMantineTheme } from '@mantine/styles';
 import { motion } from 'framer-motion';
 import Link from 'next/link';
 
-import { AppType } from '../../../../types/app';
+import { AppType } from '~/types/app';
 import { useEditModeStore } from '../../Views/useEditModeStore';
 import { HomarrCardWrapper } from '../HomarrCardWrapper';
 import { BaseTileProps } from '../type';

src/components/Dashboard/Tiles/GenericTileMenu.tsx

@@ -2,7 +2,7 @@ import { ActionIcon, Menu } from '@mantine/core';
 import { IconLayoutKanban, IconPencil, IconSettings, IconTrash } from '@tabler/icons-react';
 import { useTranslation } from 'next-i18next';
 
-import { useColorTheme } from '../../../tools/color';
+import { useColorTheme } from '~/tools/color';
 import { useEditModeStore } from '../Views/useEditModeStore';
 
 interface GenericTileMenuProps {

src/components/Dashboard/Tiles/Widgets/Inputs/DraggableList.tsx

@@ -4,7 +4,7 @@ import { IconChevronDown, IconGripVertical } from '@tabler/icons-react';
 import { Reorder, useDragControls } from 'framer-motion';
 import { FC, useEffect, useRef } from 'react';
 
-import { IDraggableEditableListInputValue } from '../../../../../widgets/widgets';
+import { IDraggableEditableListInputValue } from '~/widgets/widgets';
 
 interface DraggableListProps {
   items: {

src/components/Dashboard/Tiles/Widgets/Inputs/StaticDraggableList.tsx

@@ -4,7 +4,7 @@ import { IconChevronDown, IconGripVertical } from '@tabler/icons-react';
 import { Reorder, useDragControls } from 'framer-motion';
 import { FC, ReactNode, useEffect, useRef } from 'react';
 
-import { IDraggableListInputValue } from '../../../../../widgets/widgets';
+import { IDraggableListInputValue } from '~/widgets/widgets';
 
 const useStyles = createStyles((theme) => ({
   container: {

src/components/Dashboard/Tiles/Widgets/WidgetsEditModal.tsx

@@ -19,12 +19,12 @@ import { IconAlertTriangle, IconPlaylistX, IconPlus } from '@tabler/icons-react'
 import { Trans, useTranslation } from 'next-i18next';
 import { FC, useState } from 'react';
 
-import { useConfigContext } from '../../../../config/provider';
-import { useConfigStore } from '../../../../config/store';
-import { mapObject } from '../../../../tools/client/objects';
+import { useConfigContext } from '~/config/provider';
+import { useConfigStore } from '~/config/store';
+import { mapObject } from '~/tools/client/objects';
 import Widgets from '../../../../widgets';
-import type { IDraggableListInputValue, IWidgetOptionValue } from '../../../../widgets/widgets';
-import { IWidget } from '../../../../widgets/widgets';
+import type { IDraggableListInputValue, IWidgetOptionValue } from '~/widgets/widgets';
+import { IWidget } from '~/widgets/widgets';
 import { InfoCard } from '../../../InfoCard/InfoCard';
 import { DraggableList } from './Inputs/DraggableList';
 import { LocationSelection } from './Inputs/LocationSelection';

src/components/Dashboard/Tiles/Widgets/WidgetsMenu.tsx

@@ -1,9 +1,9 @@
 import { Title } from '@mantine/core';
 import { useTranslation } from 'next-i18next';
 
-import { openContextModalGeneric } from '../../../../tools/mantineModalManagerExtensions';
+import { openContextModalGeneric } from '~/tools/mantineModalManagerExtensions';
 import WidgetsDefinitions from '../../../../widgets';
-import { IWidget } from '../../../../widgets/widgets';
+import { IWidget } from '~/widgets/widgets';
 import { useWrapperColumnCount } from '../../Wrappers/gridstack/store';
 import { GenericTileMenu } from '../GenericTileMenu';
 import { WidgetEditModalInnerProps } from './WidgetsEditModal';

src/components/Dashboard/Tiles/Widgets/WidgetsRemoveModal.tsx

@@ -2,8 +2,8 @@ import { Button, Group, Stack, Text } from '@mantine/core';
 import { ContextModalProps } from '@mantine/modals';
 import { Trans, useTranslation } from 'next-i18next';
 
-import { useConfigContext } from '../../../../config/provider';
-import { useConfigStore } from '../../../../config/store';
+import { useConfigContext } from '~/config/provider';
+import { useConfigStore } from '~/config/store';
 
 export type WidgetsRemoveModalInnerProps = {
   widgetId: string;

src/components/Dashboard/Views/DashboardView.tsx

@@ -1,11 +1,11 @@
 import { Group, Stack } from '@mantine/core';
 import { useEffect, useMemo, useRef } from 'react';
 
-import { useConfigContext } from '../../../config/provider';
-import { useResize } from '../../../hooks/use-resize';
-import { useScreenLargerThan } from '../../../hooks/useScreenLargerThan';
-import { CategoryType } from '../../../types/category';
-import { WrapperType } from '../../../types/wrapper';
+import { useConfigContext } from '~/config/provider';
+import { useResize } from '~/hooks/use-resize';
+import { useScreenLargerThan } from '~/hooks/useScreenLargerThan';
+import { CategoryType } from '~/types/category';
+import { WrapperType } from '~/types/wrapper';
 import { DashboardCategory } from '../Wrappers/Category/Category';
 import { DashboardSidebar } from '../Wrappers/Sidebar/Sidebar';
 import { DashboardWrapper } from '../Wrappers/Wrapper/Wrapper';

src/components/Dashboard/Views/ViewToggleButton.tsx

@@ -2,7 +2,7 @@ import { ActionIcon, Button, Text, Tooltip } from '@mantine/core';
 import { IconEdit, IconEditOff } from '@tabler/icons-react';
 import { useTranslation } from 'next-i18next';
 
-import { useScreenLargerThan } from '../../../hooks/useScreenLargerThan';
+import { useScreenLargerThan } from '~/hooks/useScreenLargerThan';
 import { useEditModeStore } from './useEditModeStore';
 
 export const ViewToggleButton = () => {

src/components/Dashboard/Wrappers/Category/Category.tsx

@@ -14,8 +14,8 @@ import { modals } from '@mantine/modals';
 import { IconDotsVertical, IconShare3 } from '@tabler/icons-react';
 import { useTranslation } from 'next-i18next';
 
-import { useConfigContext } from '../../../../config/provider';
-import { CategoryType } from '../../../../types/category';
+import { useConfigContext } from '~/config/provider';
+import { CategoryType } from '~/types/category';
 import { useCardStyles } from '../../../layout/Common/useCardStyles';
 import { useEditModeStore } from '../../Views/useEditModeStore';
 import { WrapperContent } from '../WrapperContent';

src/components/Dashboard/Wrappers/Category/CategoryEditMenu.tsx

@@ -9,8 +9,8 @@ import {
   IconTrash,
 } from '@tabler/icons-react';
 
-import { useConfigContext } from '../../../../config/provider';
-import { CategoryType } from '../../../../types/category';
+import { useConfigContext } from '~/config/provider';
+import { CategoryType } from '~/types/category';
 import { useCategoryActions } from './useCategoryActions';
 import { useTranslation } from 'next-i18next';
 

src/components/Dashboard/Wrappers/Category/CategoryEditModal.tsx

@@ -3,9 +3,9 @@ import { useForm } from '@mantine/form';
 import { ContextModalProps } from '@mantine/modals';
 import { useTranslation } from 'next-i18next';
 
-import { useConfigContext } from '../../../../config/provider';
-import { useConfigStore } from '../../../../config/store';
-import { CategoryType } from '../../../../types/category';
+import { useConfigContext } from '~/config/provider';
+import { useConfigStore } from '~/config/store';
+import { CategoryType } from '~/types/category';
 
 export type CategoryEditModalInnerProps = {
   category: CategoryType;

src/components/Dashboard/Wrappers/Category/useCategoryActions.tsx

@@ -1,11 +1,11 @@
 import { v4 as uuidv4 } from 'uuid';
 
-import { useConfigStore } from '../../../../config/store';
-import { openContextModalGeneric } from '../../../../tools/mantineModalManagerExtensions';
-import { AppType } from '../../../../types/app';
-import { CategoryType } from '../../../../types/category';
-import { WrapperType } from '../../../../types/wrapper';
-import { IWidget } from '../../../../widgets/widgets';
+import { useConfigStore } from '~/config/store';
+import { openContextModalGeneric } from '~/tools/mantineModalManagerExtensions';
+import { AppType } from '~/types/app';
+import { CategoryType } from '~/types/category';
+import { WrapperType } from '~/types/wrapper';
+import { IWidget } from '~/widgets/widgets';
 import { CategoryEditModalInnerProps } from './CategoryEditModal';
 
 export const useCategoryActions = (configName: string | undefined, category: CategoryType) => {

src/components/Dashboard/Wrappers/Wrapper/Wrapper.tsx

@@ -1,4 +1,4 @@
-import { WrapperType } from '../../../../types/wrapper';
+import { WrapperType } from '~/types/wrapper';
 import { useEditModeStore } from '../../Views/useEditModeStore';
 import { WrapperContent } from '../WrapperContent';
 import { useGridstack } from '../gridstack/use-gridstack';

src/components/Dashboard/Wrappers/WrapperContent.tsx

@@ -1,10 +1,10 @@
 import { GridStack } from 'fily-publish-gridstack';
 import { MutableRefObject, RefObject } from 'react';
 
-import { AppType } from '../../../types/app';
+import { AppType } from '~/types/app';
 import Widgets from '../../../widgets';
-import { WidgetWrapper } from '../../../widgets/WidgetWrapper';
-import { IWidget, IWidgetDefinition } from '../../../widgets/widgets';
+import { WidgetWrapper } from '~/widgets/WidgetWrapper';
+import { IWidget, IWidgetDefinition } from '~/widgets/widgets';
 import { appTileDefinition } from '../Tiles/Apps/AppTile';
 import { GridstackTileWrapper } from '../Tiles/TileWrapper';
 import { useGridstackStore } from './gridstack/store';

src/components/Dashboard/Wrappers/gridstack/init-gridstack.ts

@@ -1,9 +1,9 @@
 import { GridItemHTMLElement, GridStack, GridStackNode } from 'fily-publish-gridstack';
 import { MutableRefObject, RefObject } from 'react';
 
-import { AppType } from '../../../../types/app';
-import { ShapeType } from '../../../../types/shape';
-import { IWidget } from '../../../../widgets/widgets';
+import { AppType } from '~/types/app';
+import { ShapeType } from '~/types/shape';
+import { IWidget } from '~/widgets/widgets';
 
 export const initializeGridstack = (
   areaType: 'wrapper' | 'category' | 'sidebar',

src/components/Dashboard/Wrappers/gridstack/store.tsx

@@ -1,7 +1,7 @@
 import { createWithEqualityFn } from 'zustand/traditional';
 
-import { useConfigContext } from '../../../../config/provider';
-import { GridstackBreakpoints } from '../../../../constants/gridstack-breakpoints';
+import { useConfigContext } from '~/config/provider';
+import { GridstackBreakpoints } from '~/constants/gridstack-breakpoints';
 
 export const useGridstackStore = createWithEqualityFn<GridstackStoreType>(
   (set, get) => ({

src/components/Dashboard/Wrappers/gridstack/use-gridstack.ts

@@ -1,11 +1,11 @@
 import { GridStack, GridStackNode } from 'fily-publish-gridstack';
 import { MutableRefObject, RefObject, createRef, useEffect, useMemo, useRef } from 'react';
 
-import { useConfigContext } from '../../../../config/provider';
-import { useConfigStore } from '../../../../config/store';
-import { AppType } from '../../../../types/app';
-import { AreaType } from '../../../../types/area';
-import { IWidget } from '../../../../widgets/widgets';
+import { useConfigContext } from '~/config/provider';
+import { useConfigStore } from '~/config/store';
+import { AppType } from '~/types/app';
+import { AreaType } from '~/types/area';
+import { IWidget } from '~/widgets/widgets';
 import { useEditModeStore } from '../../Views/useEditModeStore';
 import { TileWithUnknownLocation, initializeGridstack } from './init-gridstack';
 import { useGridstackStore, useWrapperColumnCount } from './store';

src/components/IconSelector/IconSelector.tsx

@@ -17,7 +17,7 @@ import { useTranslation } from 'next-i18next';
 import { forwardRef, useImperativeHandle, useState } from 'react';
 import { api } from '~/utils/api';
 
-import { humanFileSize } from '../../tools/humanFileSize';
+import { humanFileSize } from '~/tools/humanFileSize';
 import { DebouncedImage } from './DebouncedImage';
 
 export const IconSelector = forwardRef(

src/components/User/Preferences/Language/LanguageSelect.tsx

@@ -8,7 +8,7 @@ import { forwardRef, useState } from 'react';
 import { api } from '~/utils/api';
 
 import { COOKIE_LOCALE_KEY } from '../../../../../data/constants';
-import { Language, getLanguageByCode } from '../../../../tools/language';
+import { Language, getLanguageByCode } from '~/tools/language';
 
 export default function LanguageSelect() {
   const { data: sessionData } = useSession();

src/components/layout/Common/Logo.tsx

@@ -1,7 +1,7 @@
 import { Group, Image, Text } from '@mantine/core';
 import { useScreenLargerThan } from '~/hooks/useScreenLargerThan';
 
-import { useConfigContext } from '../../../config/provider';
+import { useConfigContext } from '~/config/provider';
 import { usePrimaryGradient } from './useGradient';
 
 interface LogoProps {

src/components/layout/Common/useCardStyles.ts

@@ -1,6 +1,6 @@
 import { createStyles } from '@mantine/core';
 
-import { useConfigContext } from '../../../config/provider';
+import { useConfigContext } from '~/config/provider';
 
 export const useCardStyles = (isCategory: boolean) => {
   const { config } = useConfigContext();

src/components/layout/Common/useGradient.tsx

@@ -1,6 +1,6 @@
 import { MantineGradient } from '@mantine/core';
 
-import { useColorTheme } from '../../../tools/color';
+import { useColorTheme } from '~/tools/color';
 
 export const usePrimaryGradient = () => {
   const { primaryColor, secondaryColor } = useColorTheme();

src/components/layout/Meta/BoardHeadOverride.tsx

@@ -2,7 +2,7 @@ import Head from 'next/head';
 import React from 'react';
 import { firstUpperCase } from '~/tools/shared/strings';
 
-import { useConfigContext } from '../../../config/provider';
+import { useConfigContext } from '~/config/provider';
 
 export const BoardHeadOverride = () => {
   const { config, name } = useConfigContext();

src/components/layout/header/About/AboutModal.tsx

@@ -32,10 +32,10 @@ import { Trans, i18n, useTranslation } from 'next-i18next';
 import Image from 'next/image';
 import { ReactNode } from 'react';
 
-import { useConfigContext } from '../../../../config/provider';
-import { useConfigStore } from '../../../../config/store';
-import { usePackageAttributesStore } from '../../../../tools/client/zustands/usePackageAttributesStore';
-import { useColorTheme } from '../../../../tools/color';
+import { useConfigContext } from '~/config/provider';
+import { useConfigStore } from '~/config/store';
+import { usePackageAttributesStore } from '~/tools/client/zustands/usePackageAttributesStore';
+import { useColorTheme } from '~/tools/color';
 import { usePrimaryGradient } from '../../Common/useGradient';
 import Credits from './Credits';
 import Tip from './Tip';

src/components/layout/header/About/Credits.tsx

@@ -2,7 +2,7 @@ import { Anchor, Box, Collapse, Flex, Table, Text } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
 import { useTranslation } from 'next-i18next';
 
-import { usePackageAttributesStore } from '../../../../tools/client/zustands/usePackageAttributesStore';
+import { usePackageAttributesStore } from '~/tools/client/zustands/usePackageAttributesStore';
 
 export default function Credits() {
   const { t } = useTranslation('settings/common');