fix: scroll to top on search page when cocktail gets selected (#363)

Signed-off-by: Johannes Groß <mail@gross-johannes.de>

pages/workspaces/[workspaceId]/search.tsx

@@ -1,7 +1,8 @@
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { CocktailRecipeFull } from '../../../models/CocktailRecipeFull';
 import CocktailRecipeCardItem from '../../../components/cocktails/CocktailRecipeCardItem';
 import { SearchModal } from '../../../components/modals/SearchModal';
+import { useRouter } from 'next/router';
 
 interface SearchPageProps {
   showImage?: boolean;
@@ -12,6 +13,12 @@ interface SearchPageProps {
 export default function SearchPage(props: SearchPageProps) {
   const [selectedCocktail, setSelectedCocktail] = useState<CocktailRecipeFull | undefined>(undefined);
 
+  const router = useRouter();
+
+  useEffect(() => {
+    window.scrollTo({ top: 0, behavior: 'smooth' });
+  }, [selectedCocktail]);
+
   return (
     <div className={'flex flex-col-reverse gap-2 md:flex-row'}>
       <div className={'card w-full flex-1'}>