use @ pathing

Author: soup-bowl

frontend/src/App.tsx

@@ -15,8 +15,8 @@ import {
 } from "@ionic/react"
 import { IonReactRouter } from "@ionic/react-router"
 import { discOutline, searchOutline, settingsOutline, cogOutline } from "ionicons/icons"
-import { CollectionPage, SearchPage, SettingsPage } from "./pages"
-import { createIDBPersister } from "./persister"
+import { CollectionPage, SearchPage, SettingsPage } from "@/pages"
+import { createIDBPersister } from "@/persister"
 
 /* Core CSS required for Ionic components to work properly */
 import "@ionic/react/css/core.css"

frontend/src/api/discogs.ts

@@ -1,4 +1,4 @@
-import { isNullOrBlank } from "../utils"
+import { isNullOrBlank } from "@/utils"
 import {
 	ICollections,
 	IIdentify,

frontend/src/components/AlbumGrid.tsx

@@ -1,7 +1,7 @@
 import { IonCol, IonGrid, IonIcon, IonRow, IonText } from "@ionic/react"
-import { IReleases } from "../api"
-import { IReleaseTuple } from "../types"
 import { cloudOfflineOutline } from "ionicons/icons"
+import { IReleases } from "@/api"
+import { IReleaseTuple } from "@/types"
 import "./AlbumGrid.css"
 
 interface AlbumProps {

frontend/src/components/AlbumList.tsx

@@ -11,8 +11,8 @@ import {
 	IonText,
 } from "@ionic/react"
 import { disc } from "ionicons/icons"
-import { IReleases } from "../api"
-import { IReleaseTuple } from "../types"
+import { IReleases } from "@/api"
+import { IReleaseTuple } from "@/types"
 import "./AlbumList.css"
 
 const AlbumListItem: React.FC<{

frontend/src/components/InfoBanners.tsx

@@ -1,6 +1,6 @@
 import React from "react"
 import { IonToolbar, IonTitle } from "@ionic/react"
-import { useOnlineStatus } from "../hooks"
+import { useOnlineStatus } from "@/hooks"
 
 const InfoBanners: React.FC = () => {
 	const isOnline = useOnlineStatus()

frontend/src/components/StatDisplay.tsx

@@ -1,5 +1,5 @@
 import { IonCol, IonGrid, IonIcon, IonRow, IonText } from "@ionic/react"
-import { IStatDisplay } from "../types"
+import { IStatDisplay } from "@/types"
 import "./StatDisplay.css"
 
 interface Props {

frontend/src/main.tsx

@@ -1,6 +1,6 @@
 import React from "react"
 import { createRoot } from "react-dom/client"
-import App from "./App"
+import App from "@/App"
 
 const container = document.getElementById("root")
 const root = createRoot(container!)

frontend/src/modal/Profile.tsx

@@ -14,9 +14,9 @@ import {
 } from "@ionic/react"
 import { useQuery } from "@tanstack/react-query"
 import { hourglass, library, eye } from "ionicons/icons"
-import { IProfile, getProfile } from "../api"
-import { useAuth } from "../hooks"
-import { FullpageInfo, FullpageLoading, StatDisplay } from "../components"
+import { IProfile, getProfile } from "@/api"
+import { useAuth } from "@/hooks"
+import { FullpageInfo, FullpageLoading, StatDisplay } from "@/components"
 import "./Profile.css"
 
 const ProfileContent: React.FC = () => {

frontend/src/modal/ViewAlbumDetails.tsx

@@ -13,7 +13,7 @@ import {
 	IonPopover,
 } from "@ionic/react"
 import { cloudOfflineOutline, openOutline } from "ionicons/icons"
-import { IReleases } from "../api"
+import { IReleases } from "@/api"
 
 interface DisplayProps {
 	album: IReleases

frontend/src/pages/Collection.tsx

@@ -11,7 +11,6 @@ import {
 	IonRefresherContent,
 	IonSegment,
 	IonSegmentButton,
-	IonTitle,
 	IonToolbar,
 	RefresherEventDetail,
 	SegmentChangeEventDetail,
@@ -20,12 +19,12 @@ import {
 import { OverlayEventDetail } from "@ionic/react/dist/types/components/react-component-lib/interfaces"
 import { useQuery, useQueryClient } from "@tanstack/react-query"
 import { filterOutline, personOutline, pricetagOutline, timeOutline, listOutline, gridOutline } from "ionicons/icons"
-import { IReleaseSet, IReleases, getCollectionAndWants } from "../api"
-import { FullpageLoading, AlbumGrid, FullpageInfo, AlbumListGroups, InfoBanners } from "../components"
-import { ProfileModal, ViewAlbumDetails } from "../modal"
-import { useAuth, useOnlineStatus, useSettings } from "../hooks"
-import { masterSort } from "../utils"
-import { IReleaseTuple } from "../types"
+import { IReleaseSet, IReleases, getCollectionAndWants } from "@/api"
+import { FullpageLoading, AlbumGrid, FullpageInfo, AlbumListGroups, InfoBanners } from "@/components"
+import { ProfileModal, ViewAlbumDetails } from "@/modal"
+import { useAuth, useSettings } from "@/hooks"
+import { masterSort } from "@/utils"
+import { IReleaseTuple } from "@/types"
 
 const filterActionButtons = [
 	{