fix: added hover event to overline + removed context menu (#393)

src/components/navigation/right/Search.tsx

@@ -102,7 +102,7 @@ export function SearchSidebar({ close }: Props) {
         <GenericSidebarBase>
             <GenericSidebarList>
                 <SearchBase>
-                    <Overline type="error" onClick={close} block>
+                    <Overline type="error" onClick={close} block hoverEnabled>
                         « back to members
                     </Overline>
                     <Overline type="subtle" block>

src/components/ui/Overline.tsx

@@ -5,6 +5,7 @@ import { Text } from "preact-i18n";
 import { Children } from "../../types/Preact";
 
 type Props = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children" | "as"> & {
+    hoverEnabled?: boolean;
     error?: string;
     block?: boolean;
     spaced?: boolean;
@@ -15,6 +16,18 @@ type Props = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children" | "as"> & {
 
 const OverlineBase = styled.div<Omit<Props, "children" | "error">>`
     display: inline;
+    transition: 0.2s ease filter;
+
+    ${(props) =>
+        props.hoverEnabled &&
+        css`
+            &:hover {
+                filter: brightness(1.2);
+                cursor: pointer;
+
+                transition: 0.2s ease filter;
+            }
+        `}
 
     ${(props) =>
         !props.noMargin &&