clear filter when clicking twitch app home icon

Author: StackOverflowIsBetterThanAnyAI

src/components/UI/navigation/HomeIcon.tsx

@@ -1,6 +1,7 @@
 import { useContext } from 'react'
 import logo from './../../../images/fallback.png'
 import { ContextScreenWidth } from '../../../App'
+import { setItemInStorage } from '../../../helper/setItemInStorage'
 
 export const HomeIcon = () => {
     const contextScreenWidth = useContext(ContextScreenWidth)
@@ -10,18 +11,24 @@ export const HomeIcon = () => {
         )
     }
 
+    const clearFilter = () => {
+        setItemInStorage('filter', '')
+    }
+
     const handleKeyDown = (e: React.KeyboardEvent<HTMLAnchorElement>) => {
         if (e.key === ' ') {
             const target = e.target as HTMLElement
             target.click()
             e.preventDefault()
+            clearFilter()
         }
     }
 
     return (
         <a
             href="/twitch-app/"
             className="flex flex-row px-2 rounded-md pseudo-zinc navigation"
+            onClick={clearFilter}
             onKeyDown={handleKeyDown}
             title="Homepage"
             data-testid="navigation-homepage-anchor"