Migrate everytihng into the main-axios and update the routing to fix localhost issues.

src/ui/Homepage/Homepage.tsx

@@ -1,9 +1,9 @@
 import React, {useEffect, useState} from "react";
 import {HomepageAuth} from "@/ui/Homepage/HomepageAuth.tsx";
-import axios from "axios";
 import {HomepageUpdateLog} from "@/ui/Homepage/HompageUpdateLog.tsx";
 import {HomepageAlertManager} from "@/ui/Homepage/HomepageAlertManager.tsx";
 import {Button} from "@/components/ui/button.tsx";
+import { getUserInfo, getDatabaseHealth } from "@/ui/main-axios.ts";
 
 interface HomepageProps {
     onSelectView: (view: string) => void;
@@ -25,12 +25,6 @@ function setCookie(name: string, value: string, days = 7) {
     document.cookie = `${name}=${encodeURIComponent(value)}; expires=${expires}; path=/`;
 }
 
-const apiBase = import.meta.env.DEV ? "http://localhost:8081/users" : "/users";
-
-const API = axios.create({
-    baseURL: apiBase,
-});
-
 export function Homepage({
                              onSelectView,
                              isAuthenticated,
@@ -53,13 +47,13 @@ export function Homepage({
             const jwt = getCookie("jwt");
             if (jwt) {
                 Promise.all([
-                    API.get("/me", {headers: {Authorization: `Bearer ${jwt}`}}),
-                    API.get("/db-health")
+                    getUserInfo(),
+                    getDatabaseHealth()
                 ])
                     .then(([meRes]) => {
-                        setIsAdmin(!!meRes.data.is_admin);
-                        setUsername(meRes.data.username || null);
-                        setUserId(meRes.data.userId || null);
+                        setIsAdmin(!!meRes.is_admin);
+                        setUsername(meRes.username || null);
+                        setUserId(meRes.userId || null);
                         setDbError(null);
                     })
                     .catch((err) => {

src/ui/Homepage/HomepageAlertManager.tsx

@@ -1,7 +1,7 @@
 import React, {useEffect, useState} from "react";
 import {HomepageAlertCard} from "./HomepageAlertCard.tsx";
 import {Button} from "@/components/ui/button.tsx";
-import axios from "axios";
+import { getUserAlerts, dismissAlert } from "@/ui/main-axios.ts";
 
 interface TermixAlert {
     id: string;
@@ -19,12 +19,6 @@ interface AlertManagerProps {
     loggedIn: boolean;
 }
 
-const apiBase = import.meta.env.DEV ? "http://localhost:8081/alerts" : "/alerts";
-
-const API = axios.create({
-    baseURL: apiBase,
-});
-
 export function HomepageAlertManager({userId, loggedIn}: AlertManagerProps): React.ReactElement {
     const [alerts, setAlerts] = useState<TermixAlert[]>([]);
     const [currentAlertIndex, setCurrentAlertIndex] = useState(0);
@@ -44,9 +38,9 @@ export function HomepageAlertManager({userId, loggedIn}: AlertManagerProps): Rea
         setError(null);
 
         try {
-            const response = await API.get(`/user/${userId}`);
+            const response = await getUserAlerts(userId);
 
-            const userAlerts = response.data.alerts || [];
+            const userAlerts = response.alerts || [];
 
             const sortedAlerts = userAlerts.sort((a: TermixAlert, b: TermixAlert) => {
                 const priorityOrder = {critical: 4, high: 3, medium: 2, low: 1};
@@ -73,10 +67,7 @@ export function HomepageAlertManager({userId, loggedIn}: AlertManagerProps): Rea
         if (!userId) return;
 
         try {
-            const response = await API.post('/dismiss', {
-                userId,
-                alertId
-            });
+            await dismissAlert(userId, alertId);
 
             setAlerts(prev => {
                 const newAlerts = prev.filter(alert => alert.id !== alertId);

src/ui/Homepage/HompageUpdateLog.tsx

@@ -2,7 +2,7 @@ import React, {useEffect, useState} from "react";
 import {Alert, AlertDescription, AlertTitle} from "@/components/ui/alert.tsx";
 import {Button} from "@/components/ui/button.tsx";
 import {Separator} from "@/components/ui/separator.tsx";
-import axios from "axios";
+import { getReleasesRSS, getVersionInfo } from "@/ui/main-axios.ts";
 
 interface HomepageUpdateLogProps extends React.ComponentProps<"div"> {
     loggedIn: boolean;
@@ -50,12 +50,6 @@ interface VersionResponse {
     cache_age?: number;
 }
 
-const apiBase = import.meta.env.DEV ? "http://localhost:8081" : "";
-
-const API = axios.create({
-    baseURL: apiBase,
-});
-
 export function HomepageUpdateLog({loggedIn}: HomepageUpdateLogProps) {
     const [releases, setReleases] = useState<RSSResponse | null>(null);
     const [versionInfo, setVersionInfo] = useState<VersionResponse | null>(null);
@@ -66,12 +60,12 @@ export function HomepageUpdateLog({loggedIn}: HomepageUpdateLogProps) {
         if (loggedIn) {
             setLoading(true);
             Promise.all([
-                API.get('/releases/rss?per_page=100'),
-                API.get('/version/')
+                getReleasesRSS(100),
+                getVersionInfo()
             ])
                 .then(([releasesRes, versionRes]) => {
-                    setReleases(releasesRes.data);
-                    setVersionInfo(versionRes.data);
+                    setReleases(releasesRes);
+                    setVersionInfo(versionRes);
                     setError(null);
                 })
                 .catch(err => {