fix: aggreaget match and keyword trim

src/components/AggregateCard.tsx

@@ -119,7 +119,7 @@ const AggregateCard: React.FC<AggregateCardProps> = ({
   return (
     <Link
       href={`/aggregate?q=${encodeURIComponent(
-        query
+        query.trim()
       )}&title=${encodeURIComponent(first.title)}${
         year ? `&year=${encodeURIComponent(year)}` : ''
       }&type=${mostFrequentEpisodes > 1 ? 'tv' : 'movie'}`}

src/components/DemoCard.tsx

@@ -53,7 +53,9 @@ const DemoCard = ({ id, title, poster, rate, type }: DemoCardProps) => {
   const imgRef = useRef<HTMLImageElement>(null);
 
   const handleClick = () => {
-    router.push(`/aggregate?q=${encodeURIComponent(title)}&type=${type}`);
+    router.push(
+      `/aggregate?q=${encodeURIComponent(title.trim())}&type=${type}`
+    );
   };
 
   return (

src/components/VideoCard.tsx

@@ -154,7 +154,7 @@ export default function VideoCard({
   return (
     <Link
       href={`/detail?source=${source}&id=${id}&title=${encodeURIComponent(
-        title
+        title.trim()
       )}${year ? `&year=${year}` : ''}${from ? `&from=${from}` : ''}`}
     >
       <div