Index: frontend/src/pages/PublishSong.tsx
===================================================================
--- frontend/src/pages/PublishSong.tsx	(revision 8dd3e225d135d25c1720d89f383ea1b8819c0874)
+++ frontend/src/pages/PublishSong.tsx	(revision 27660af8b50619221470b2bbb054bcc3db8ed385)
@@ -2,67 +2,12 @@
 import { Link, useNavigate } from "react-router-dom";
 import { toast } from "react-toastify";
+import axiosInstance from "../api/axiosInstance";
 import { useAuth } from "../context/authContext";
-
-interface Contributor {
-	username: string;
-	fullName: string;
-	role: string;
-}
-
-interface ArtistSearchResult {
-	username: string;
-	fullName: string;
-	profilePhoto?: string;
-}
-
-interface SongEntry {
-	title: string;
-	link: string;
-	contributors: Contributor[];
-}
-
-const ROLE_OPTIONS = [
-	{ value: "FEATURED", label: "Featured" },
-	{ value: "PRODUCER", label: "Producer" },
-	{ value: "SONGWRITER", label: "Songwriter" },
-	{ value: "COMPOSER", label: "Composer" },
-	{ value: "MIXER", label: "Mixer" },
-	{ value: "ENGINEER", label: "Engineer" },
-];
-
-const GENRE_OPTIONS = [
-	"Pop",
-	"Rock",
-	"Hip-Hop",
-	"R&B",
-	"Electronic",
-	"Jazz",
-	"Classical",
-	"Country",
-	"Folk",
-	"Latin",
-	"Metal",
-	"Punk",
-	"Indie",
-	"Alternative",
-	"Blues",
-	"Soul",
-	"Reggae",
-	"Funk",
-	"Disco",
-	"House",
-	"Techno",
-	"Ambient",
-	"Other",
-];
-
-// Mock artist search results
-const MOCK_ARTISTS: ArtistSearchResult[] = [
-	{ username: "john_doe", fullName: "John Doe" },
-	{ username: "jane_smith", fullName: "Jane Smith" },
-	{ username: "mike_producer", fullName: "Mike the Producer" },
-	{ username: "sarah_vocals", fullName: "Sarah Vocals" },
-	{ username: "alex_beats", fullName: "Alex Beats" },
-];
+import { GENRE_OPTIONS, ROLE_OPTIONS } from "../utils/consts";
+import type {
+	ArtistSearchResult,
+	Contributor,
+	SongEntry,
+} from "../utils/types";
 
 const MAX_CONTRIBUTORS = 5;
@@ -145,12 +90,10 @@
 		setIsSearching(true);
 		try {
-			// TODO: replace with api call
-			// const response = await axiosInstance.get(`/users/search?type=ARTIST&q=${encodeURIComponent(query)}`);
-			// setSearchResults(response.data);
-
-			// Mock search - filter by name
-			await new Promise((resolve) => setTimeout(resolve, 200));
-			const filtered = MOCK_ARTISTS.filter(
-				(artist) =>
+			const response = await axiosInstance.get(
+				`/users/search?type=ARTIST&q=${encodeURIComponent(query)}&limit=5`,
+			);
+
+			const filtered = response.data.filter(
+				(artist: ArtistSearchResult) =>
 					artist.fullName.toLowerCase().includes(query.toLowerCase()) ||
 					artist.username.toLowerCase().includes(query.toLowerCase()),
@@ -276,7 +219,9 @@
 
 			// TODO: replace with api call
-			await new Promise((resolve) => setTimeout(resolve, 200));
-			const filtered = MOCK_ARTISTS.filter(
-				(artist) =>
+			const response = await axiosInstance.get(
+				`/users/search?type=ARTIST&q=${encodeURIComponent(query)}&limit=5`,
+			);
+			const filtered = response.data.filter(
+				(artist: ArtistSearchResult) =>
 					artist.fullName.toLowerCase().includes(query.toLowerCase()) ||
 					artist.username.toLowerCase().includes(query.toLowerCase()),