tested

frontend/src/routes/git/+page.svelte

@@ -8,6 +8,7 @@
   import { onMount } from 'svelte';
   import DashboardGrid from '../../components/DashboardGrid.svelte';
   import { addToast as toast } from '../../lib/toasts.js';
+  import { api } from '../../lib/api.js';
   import type { DashboardMetadata } from '../../types/dashboard';
   import { t } from '$lib/i18n';
   import { Button, Card, PageHeader, Select } from '$lib/ui';
@@ -24,9 +25,7 @@
   // @POST: `environments` array is populated with data from /api/environments.
   async function fetchEnvironments() {
     try {
-      const response = await fetch('/api/environments');
-      if (!response.ok) throw new Error('Failed to fetch environments');
-      environments = await response.json();
+      environments = await api.getEnvironmentsList();
       if (environments.length > 0) {
         selectedEnvId = environments[0].id;
       }
@@ -46,9 +45,7 @@
     if (!envId) return;
     fetchingDashboards = true;
     try {
-      const response = await fetch(`/api/environments/${envId}/dashboards`);
-      if (!response.ok) throw new Error('Failed to fetch dashboards');
-      dashboards = await response.json();
+      dashboards = await api.requestApi(`/environments/${envId}/dashboards`);
     } catch (e) {
       toast(e.message, 'error');
       dashboards = [];