Feature/adc/#192 barre de recherche (#201)

* context and react query add to searchView

* handle empty result + back

* #192 - New card components and history fetch + dummy suggestions fetch

* respoonsive design + filters map

* artist details view + translations + SongData mapping fix + items limitation

* history search back and front + cards + fix

* fixed useless history entries

* clean code

* clean code

* fix pr: SearchHistory new type related fixes

* simplified SearchResultComponent (useEffect removed, condition simplified to trigger different 'modes'

* search re-do onPress history cards + scoreView obj map

* clean code API.ts

* fix pr + search history behavior

* added utility function to get song suggestions with artists and fixed error types along the way

* fix in songrow the title didn't shrinked when not enough space on screen

* removed redirect callback from ArtistCard to ArtistResults

* moved the callback from genre card grid to searchresult and implemented history for songs

* SearchBar is now updating input search following stringQuery

* added scroll view to have the complete background

* Added the route props for query in Searchview

* fixed robot test

---------

Co-authored-by: Clément Le Bihan <clement.lebihan773@gmail.com>

front/components/SongCard.tsx

@@ -1,16 +1,16 @@
 import React from "react";
 import Card, { CardBorderRadius } from './Card';
-import { VStack, Text, Image, Pressable } from 'native-base';
+import { VStack, Text, Image } from 'native-base';
 import { useNavigation } from "../Navigation";
 type SongCardProps = {
-	albumCover: string;
-	songTitle: string;
+	cover: string;
+	name: string;
 	artistName: string;
 	songId: number
 }
 
 const SongCard = (props: SongCardProps) => {
-	const { albumCover, songTitle, artistName, songId } = props;
+	const { cover, name, artistName, songId } = props;
 	const navigation = useNavigation();
 	return (
 		<Card
@@ -20,12 +20,12 @@ const SongCard = (props: SongCardProps) => {
 			<VStack m={1.5} space={3}>
 				<Image
 					style={{ zIndex: 0, aspectRatio: 1, borderRadius: CardBorderRadius}}
-					source={{ uri: albumCover }}
-					alt={[props.songTitle, props.artistName].join('-')}
+					source={{ uri: cover }}
+					alt={[props.name, props.artistName].join('-')}
 				/>
 				<VStack>
 					<Text isTruncated bold fontSize='md' noOfLines={2} height={50}>
-						{songTitle}
+						{name}
 					</Text>
 					<Text isTruncated >
 						{artistName}