fix base api

frontend/.env.example

@@ -0,0 +1,2 @@
+PUBLIC_WS_ENDPOINT="wss://spaces.huggingface.tech/stabilityai/stable-diffusion/queue/join"
+PUBLIC_API="/"

frontend/src/routes/+page.svelte

@@ -3,16 +3,11 @@
 	import type { ColorsPrompt, ColorsImage } from '$lib/types';
 	import { randomSeed, extractPalette, uploadImage } from '$lib/utils';
 	import { isLoading, loadingState } from '$lib/store';
-	import { PUBLIC_WS_ENDPOINT, PUBLIC_DEV_MODE } from '$env/static/public';
+	import { PUBLIC_WS_ENDPOINT, PUBLIC_API} from '$env/static/public';
 	import Pallette from '$lib/Palette.svelte';
 	import ArrowRight from '$lib/ArrowRight.svelte';
 	import ArrowLeft from '$lib/ArrowLeft.svelte';
 
-	const apiUrl =
-		PUBLIC_DEV_MODE === 'DEV'
-			? 'http://localhost:7860'
-			: '/embed/huggingface-projects/color-palette-generator-sd';
-
 	let promptsData: ColorsPrompt[] = [];
 	let prompt: string;
 	let promptInputEl: HTMLElement;
@@ -26,7 +21,7 @@
 	});
 
 	async function fetchData() {
-		const palettes = await fetch(apiUrl + '/data').then((d) => d.json());
+		const palettes = await fetch(PUBLIC_API + '/data').then((d) => d.json());
 		if (!promptsData || palettes?.length > promptsData?.length) {
 			promptsData = sortData(palettes);
 		}
@@ -58,7 +53,7 @@
 	}
 	async function savePaletteDB(colorPrompt: ColorsPrompt) {
 		try {
-			const newPalettes: ColorsPrompt[] = await fetch(apiUrl + '/new_palette', {
+			const newPalettes: ColorsPrompt[] = await fetch(PUBLIC_API + '/new_palette', {
 				method: 'POST',
 				headers: {
 					'Content-Type': 'application/json'