Switch to absolute imports

frontend/src/components/AppShell.tsx

@@ -1,9 +1,10 @@
 import { A, useLocation } from "@solidjs/router"
 import { createEffect, createMemo, createSignal, For, onCleanup, Show } from "solid-js"
 import Fuse from "fuse.js"
-import { account, eventStore, identity, primeProfiles, useProfilePicture, useTenantRelays, type Relay } from "../lib/hooks"
-import serverIcon from "../assets/server.svg"
-import Modal from "./Modal"
+import { primeProfiles, useProfilePicture, useTenantRelays, type Relay } from "@/lib/hooks"
+import { account, eventStore, identity } from "@/lib/state"
+import serverIcon from "@/assets/server.svg"
+import Modal from "@/components/Modal"
 
 type Profile = {
   name?: string

frontend/src/components/Navbar.tsx

@@ -1,6 +1,7 @@
 import { Show } from "solid-js"
 import { A } from "@solidjs/router"
-import { PLATFORM_NAME, useProfilePicture, account } from "../lib/hooks"
+import { useProfilePicture } from "@/lib/hooks"
+import { PLATFORM_NAME, account } from "@/lib/state"
 
 export default function Navbar() {
   const picture = useProfilePicture(() => account()?.pubkey)

frontend/src/components/PricingTable.tsx

@@ -1,6 +1,6 @@
 import { A } from "@solidjs/router"
 import { For } from "solid-js"
-import { RELAY_PLANS, type RelayPlanId } from "../lib/relayPlans"
+import { RELAY_PLANS, type RelayPlanId } from "@/lib/relayPlans"
 
 function CheckIcon() {
   return (

frontend/src/components/RelayDetailCard.tsx

@@ -1,10 +1,10 @@
 import { A } from "@solidjs/router"
 import { Show, createEffect, createSignal, onCleanup } from "solid-js"
-import type { Relay } from "../lib/api"
-import menuDotsIcon from "../assets/menu-dots-2.svg"
-import Modal from "./Modal"
-import PricingTable from "./PricingTable"
-import { RELAY_PLAN_IDS, type RelayPlanId } from "../lib/relayPlans"
+import type { Relay } from "@/lib/api"
+import menuDotsIcon from "@/assets/menu-dots-2.svg"
+import Modal from "@/components/Modal"
+import PricingTable from "@/components/PricingTable"
+import { RELAY_PLAN_IDS, type RelayPlanId } from "@/lib/relayPlans"
 
 function Field(props: { label: string; children: any }) {
   return (

frontend/src/components/RelayForm.tsx

@@ -1,6 +1,6 @@
 import { createEffect, createSignal } from "solid-js"
-import type { Relay } from "../lib/hooks"
-import { slugify } from "../lib/slugify"
+import type { Relay } from "@/lib/hooks"
+import { slugify } from "@/lib/slugify"
 
 export type RelayFormValues = {
   info_name: string

frontend/src/components/ResourceState.tsx

@@ -1,5 +1,5 @@
 import { Show } from "solid-js"
-import LoadingState from "./LoadingState"
+import LoadingState from "@/components/LoadingState"
 
 type ResourceStateProps = {
   loading: boolean