refac: made use of path alias for components

frontend/src/app/burner/page.tsx

@@ -1,5 +1,5 @@
 "use client";
-import Burners from "../components/Burner/Burner";
+import Burners from "~/Burner/Burner";
 
 export default function Page() {
   return (

frontend/src/app/layout.tsx

@@ -1,8 +1,8 @@
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import "./globals.css";
-import { StarknetProvider } from "./components/StarknetProvider";
-import {Toaster} from "react-hot-toast"
+import { StarknetProvider } from "~/StarknetProvider";
+import { Toaster } from "react-hot-toast";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -22,7 +22,7 @@ export default function RootLayout({
         className={`${inter.className} dark:bg-black bg-gray-300 dark:text-white transition-all duration-500 ease-in-out`}
       >
         <StarknetProvider>{children}</StarknetProvider>
-        <Toaster/>
+        <Toaster />
       </body>
     </html>
   );

frontend/src/app/page.tsx

@@ -1,5 +1,5 @@
 import Image from "next/image";
-import Header from "./components/Header";
+import Header from "~/Header";
 
 export default function Home() {
   return (

frontend/src/app/scaffold-deployer/page.tsx

@@ -1,4 +1,4 @@
-import ScaffoldDeployer from "../components/ScaffoldDeployer/ScaffoldDeployer";
+import ScaffoldDeployer from "~/ScaffoldDeployer/ScaffoldDeployer";
 
 export default async function Page() {
   return (

frontend/src/app/wikipedia/columns.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { ColumnDef } from "@tanstack/react-table";
-import { Button } from "@/app/components/ui/button";
+import { Button } from "~/ui/button";
 import { ArrowUpDown, MoreHorizontal } from "lucide-react";
 import Link from "next/link";
 

frontend/src/app/wikipedia/data-table.tsx

@@ -21,8 +21,8 @@ import {
   TableRow,
 } from "@/app/components/ui/table";
 
-import { Button } from "@/app/components/ui/button";
-import { Input } from "@/app/components/ui/input";
+import { Button } from "~/ui/button";
+import { Input } from "~/ui/input";
 import React from "react";
 
 interface DataTableProps<TData, TValue> {
@@ -36,7 +36,7 @@ export function DataTable<TData, TValue>({
 }: DataTableProps<TData, TValue>) {
   const [sorting, setSorting] = React.useState<SortingState>([]);
   const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>(
-    []
+    [],
   );
 
   const table = useReactTable({
@@ -78,7 +78,7 @@ export function DataTable<TData, TValue>({
                         ? null
                         : flexRender(
                             header.column.columnDef.header,
-                            header.getContext()
+                            header.getContext(),
                           )}
                     </TableHead>
                   );
@@ -97,7 +97,7 @@ export function DataTable<TData, TValue>({
                     <TableCell key={cell.id}>
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </TableCell>
                   ))}

frontend/tsconfig.json

@@ -18,8 +18,10 @@
         "name": "next"
       }
     ],
+    "baseUrl": ".",
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": ["./src/*"],
+      "~/*": ["./src/app/components/*"]
     }
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],