chore: add axios and create a .env file

dashboard/.env

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

dashboard/package.json

@@ -28,6 +28,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

@@ -2,13 +2,12 @@
 
 import type { Tree } from '../types/tree/Tree';
 
+import http from "./api"
+
 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();
-};
+    const res = await http.get('/api/tree/');
+    return res.data;
+}
 
 export const useTreeTable = (): UseQueryResult => {
   return useQuery({ queryKey: ['treeData'], queryFn: fetchTreeCheckoutData });

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,
+});