chore: 🎨 use import path aliases

src/components/layout.tsx

@@ -12,8 +12,8 @@ import { IconCirclePlus, IconPhotoPlus } from "@tabler/icons-react";
 import Link from "next/link";
 import { useRouter } from "next/router";
 import React, { useEffect, useRef, useState } from "react";
-import { usePasteFiles } from "../hooks/usePasteFiles";
-import { MEDIA_MIME_TYPE } from "../utils/mediaTypes";
+import { usePasteFiles } from "@/hooks/usePasteFiles";
+import { MEDIA_MIME_TYPE } from "@/utils/mediaTypes";
 import Header from "./header";
 
 interface LayoutProps {

src/hooks/useAuthMethods.ts

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { usePocketBase } from "../pocketbase";
+import { usePocketBase } from "@/pocketbase";
 import { AuthProviderInfo } from "pocketbase";
 
 export const useAuthMethods = () => {

src/utils/env.ts

@@ -1,4 +1,4 @@
-import { pocketBaseUrl } from "../pocketbase";
+import { pocketBaseUrl } from "@/pocketbase";
 
 export interface ShareMeEnv {
   signUpEnabled: boolean;