fix: home page flickering bug (#1185)

* home page flickering bug

* lint

Author: Alessandro100

web-app/src/app/screens/Feeds/index.tsx

@@ -374,7 +374,7 @@ export default function Feed(): React.ReactElement {
             onSubmit={(event) => {
               event.preventDefault();
               setActivePagination(1);
-              setActiveSearch(searchQuery);
+              setActiveSearch(searchQuery.trim());
             }}
             sx={searchBarStyles}
           >
@@ -395,7 +395,7 @@ export default function Feed(): React.ReactElement {
                     }}
                     onClick={() => {
                       setActivePagination(1);
-                      setActiveSearch(searchQuery);
+                      setActiveSearch(searchQuery.trim());
                     }}
                     position='start'
                   >

web-app/src/app/screens/Home.tsx

@@ -57,7 +57,12 @@ function Component(): React.ReactElement {
   const theme = useTheme();
 
   const handleSearch = (): void => {
-    navigate(`/feeds?q=${encodeURIComponent(searchInputValue)}`);
+    const encodedURI = encodeURIComponent(searchInputValue.trim());
+    if (encodedURI.length === 0) {
+      navigate('/feeds');
+    } else {
+      navigate(`/feeds?q=${encodedURI}`);
+    }
   };
 
   const handleKeyDown = (