Add Badge to Search Results to show number of results

tranga-website/src/App.tsx

@@ -25,8 +25,9 @@ export default function App () {
                     <Button onClick={() => setShowSearch(true)}>Search</Button>
                 </Header>
                 <Settings open={showSettings} setOpen={setShowSettings} setApiUri={setApiUri} setConnected={setApiConnected} />
+                <Search open={showSearch} setOpen={setShowSearch} />
                 <Sheet className={"app-content"}>
-                    <Search open={showSearch} setOpen={setShowSearch} />
+
                 </Sheet>
             </Sheet>
         </ApiUriContext.Provider>

tranga-website/src/Components/Search.tsx

@@ -140,7 +140,7 @@ export default function Search({open, setOpen}:{open:boolean, setOpen:React.Disp
                     <StepIndicator variant="solid" color="primary">
                         3
                     </StepIndicator>}>
-                    <Typography>Results</Typography>
+                    <Typography endDecorator={<Chip size={"sm"} color={"primary"}>{results.length}</Chip>}>Results</Typography>
                     <Skeleton loading={resultsLoading}>
                         <Stack direction={"row"} spacing={1}>
                             {results.map((result) =>