added language info to search results

frontend/src/Components/ServerSearch/ServerSearchResult/ServerSearchResult.tsx

@@ -10,10 +10,24 @@ interface ServerSearchResultProps {
 const ServerSearchResult = ({ searchResult, server }: ServerSearchResultProps) => {
   const resultUrl = getUrlForSearchResult(searchResult, server);
 
+  function getLangs(languages: Array<string>) {
+    let formattedLangs = languages[0];
+
+    for (let i = 1; i < languages.length; i++) {
+      formattedLangs += `, ${languages[i]}`;
+    }
+
+    return formattedLangs;
+  }
+
   return (
+    <>
       <Link to={resultUrl} target="_blank" rel="noopener noreferrer">
         <h3>{searchResult.type} - {searchResult.name} - {searchResult.productionYear}</h3>
       </Link>
+      {searchResult.subtitleLanguages.length > 0 && <p>Audio Languages: {getLangs(searchResult.audioLanguages)}</p>}
+      {searchResult.subtitleLanguages.length > 0 && <p>Subtitle Languages: {getLangs(searchResult.subtitleLanguages)}</p>}
+    </>
   )
 }
 

frontend/src/Lib/Search.ts

@@ -8,6 +8,8 @@ export interface SearchResult {
   serverId: string;
   type: string;
   productionYear: string;
+  subtitleLanguages: Array<string>;
+  audioLanguages: Array<string>;
 }
 
 export const search = async (searchTerm: string, serverUrl: string): Promise<Array<SearchResult>> => {