refactor: update song retrieval endpoints to use query parameters for recent and featured songs

Author: tomast1337

apps/frontend/src/app/(content)/page.tsx

@@ -8,9 +8,10 @@ import { HomePageComponent } from '@web/modules/browse/components/HomePageCompon
 async function fetchRecentSongs() {
   try {
     const response = await axiosInstance.get<SongPreviewDtoType[]>(
-      '/song-browser/recent',
+      '/song',
       {
         params: {
+          q    : 'recent',
           page : 1, // TODO: fiz constants
           limit: 16, // TODO: change 'limit' parameter to 'skip' and load 12 songs initially, then load 8 more songs on each pagination
           sort : 'recent',
@@ -28,7 +29,7 @@ async function fetchRecentSongs() {
 async function fetchFeaturedSongs(): Promise<FeaturedSongsDtoType> {
   try {
     const response = await axiosInstance.get<FeaturedSongsDtoType>(
-      '/song-browser/featured',
+      '/song?q=featured',
     );
 
     return response.data;

apps/frontend/src/modules/browse/components/client/context/RecentSongs.context.tsx

@@ -1,13 +1,7 @@
 'use client';
 
 import { SongPreviewDtoType } from '@nbw/database';
-import {
-  createContext,
-  useCallback,
-  useContext,
-  useEffect,
-  useState,
-} from 'react';
+import {  createContext,  useCallback,  useContext,  useEffect,  useState,} from 'react';
 
 import axiosInstance from '@web/lib/axios';
 
@@ -44,7 +38,7 @@ export function RecentSongsProvider({
   const [hasMore, setHasMore] = useState(true);
   const [categories, setCategories] = useState<Record<string, number>>({});
   const [selectedCategory, setSelectedCategory] = useState<string>('');
-  const [endpoint, setEndpoint] = useState<string>('/song-browser/recent');
+  const [endpoint, setEndpoint] = useState<string>('/song?q=recent');
 
   const adCount = 1;
   const pageSize = 12;
@@ -98,7 +92,7 @@ export function RecentSongsProvider({
   const fetchCategories = useCallback(async function () {
     try {
       const response = await axiosInstance.get<Record<string, number>>(
-        '/song-browser/categories',
+        '/songs?q=categories',
       );
 
       return response.data;
@@ -120,8 +114,8 @@ export function RecentSongsProvider({
 
     const newEndpoint =
       selectedCategory === ''
-        ? '/song-browser/recent'
-        : `/song-browser/categories/${selectedCategory}`;
+        ? '/song?q=recent'
+        : `/songs?q=categories&id=${selectedCategory}`;
 
     setEndpoint(newEndpoint);
   }, [selectedCategory]);

apps/frontend/src/modules/shared/components/layout/RandomSongButton.tsx

@@ -18,9 +18,10 @@ export const RandomSongButton = () => {
 
     try {
       const response = await axios.get<SongPreviewDto[]>(
-        '/song-browser/random',
+        '/song',
         {
           params: {
+            q    : 'random',
             count: 1,
           },
         },

apps/frontend/src/modules/song/components/SongPage.tsx

@@ -12,13 +12,7 @@ import { formatTimeAgo } from '../../shared/util/format';
 
 import { LicenseInfo } from './client/LicenseInfo';
 import { SongDetails } from './SongDetails';
-import {
-  DownloadSongButton,
-  OpenSongInNBSButton,
-  ShareButton,
-  UploaderBadge,
-  VisibilityBadge,
-} from './SongPageButtons';
+import {  DownloadSongButton,  OpenSongInNBSButton,  ShareButton,  UploaderBadge,  VisibilityBadge,} from './SongPageButtons';
 
 export async function SongPage({ id }: { id: string }) {
   let song: SongViewDtoType;
@@ -47,9 +41,10 @@ export async function SongPage({ id }: { id: string }) {
 
   try {
     const response = await axios.get<SongPreviewDtoType[]>(
-      `/song-browser/random`,
+      `/song`,
       {
         params: {
+          q       : 'random',
           count   : 4,
           category: song.category,
         },