chore: add axios and create a .env file

dashboard/.env

@@ -0,0 +1 @@
+VITE_API_BASE_URL=http://localhost

dashboard/package.json

@@ -27,6 +27,7 @@
     "@tanstack/react-query": "^5.45.1",
     "@tanstack/react-table": "^8.17.3",
     "@vitejs/plugin-react": "^4.3.1",
+    "axios": "^1.7.2",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "flat": "^6.0.1",

dashboard/src/api/Tree.tsx

@@ -1,13 +1,12 @@
-import { useQuery, UseQueryResult} from "@tanstack/react-query";
+import { useQuery, UseQueryResult } from "@tanstack/react-query";
 
 import type { Tree } from "../types/tree/Tree";
 
-const fetchTreeCheckoutData = async(): Promise<Tree[]> => {
-    const res = await fetch('/api/tree');
-    if (!res.ok) {
-        throw new Error('Request to /api/tree response was not ok');
-    }
-    return res.json();
+import http from "./api"
+
+const fetchTreeCheckoutData = async (): Promise<Tree[]> => {
+    const res = await http.get('/api/tree/');
+    return res.data;
 }
 
 export const useTreeTable = (): UseQueryResult => {

dashboard/src/api/api.ts

@@ -0,0 +1,7 @@
+import axios from "axios"
+
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL
+
+export default axios.create({
+  baseURL: API_BASE_URL,
+});