[enhancement]: Make related tab on full screen player useful

Resolves #50. Adds a new set of components for fetching similar songs
from the current playing song. For Jellyfin, use the `/items/{itemId}/similar`
endpoint (may not work well for small libraries), and for Navidrome/Subsonic
use `getSimilarSongs`. _In theory_, this component can be used to get similar
songs anywhere.

src/renderer/api/subsonic/subsonic-api.ts

@@ -57,6 +57,14 @@ export const contract = c.router({
             200: ssType._response.serverInfo,
         },
     },
+    getSimilarSongs: {
+        method: 'GET',
+        path: 'getSimilarSongs',
+        query: ssType._parameters.similarSongs,
+        responses: {
+            200: ssType._response.similarSongs,
+        },
+    },
     getStructuredLyrics: {
         method: 'GET',
         path: 'getLyricsBySongId.view',

src/renderer/api/subsonic/subsonic-controller.ts

@@ -25,6 +25,8 @@ import {
     ServerInfoArgs,
     StructuredLyricsArgs,
     StructuredLyric,
+    SimilarSongsArgs,
+    Song,
 } from '/@/renderer/api/types';
 import { randomString } from '/@/renderer/utils';
 
@@ -444,6 +446,25 @@ export const getStructuredLyrics = async (
     });
 };
 
+const getSimilarSongs = async (args: SimilarSongsArgs): Promise<Song[]> => {
+    const { apiClientProps, query } = args;
+
+    const res = await ssApiClient(apiClientProps).getSimilarSongs({
+        query: {
+            count: query.count,
+            id: query.song.id,
+        },
+    });
+
+    if (res.status !== 200) {
+        throw new Error('Failed to get music folder list');
+    }
+
+    return res.body.similarSongs.song.map((song) =>
+        ssNormalize.song(song, apiClientProps.server, ''),
+    );
+};
+
 export const ssController = {
     authenticate,
     createFavorite,
@@ -451,6 +472,7 @@ export const ssController = {
     getMusicFolderList,
     getRandomSongList,
     getServerInfo,
+    getSimilarSongs,
     getStructuredLyrics,
     getTopSongList,
     removeFavorite,

src/renderer/api/subsonic/subsonic-types.ts

@@ -247,6 +247,17 @@ const structuredLyrics = z.object({
         .optional(),
 });
 
+const similarSongsParameters = z.object({
+    count: z.number().optional(),
+    id: z.string(),
+});
+
+const similarSongs = z.object({
+    similarSongs: z.object({
+        song: z.array(song),
+    }),
+});
+
 export const ssType = {
     _parameters: {
         albumList: albumListParameters,
@@ -258,6 +269,7 @@ export const ssType = {
         scrobble: scrobbleParameters,
         search3: search3Parameters,
         setRating: setRatingParameters,
+        similarSongs: similarSongsParameters,
         structuredLyrics: structuredLyricsParameters,
         topSongsList: topSongsListParameters,
     },
@@ -278,6 +290,7 @@ export const ssType = {
         search3,
         serverInfo,
         setRating,
+        similarSongs,
         song,
         structuredLyrics,
         topSongsList,