fix: add event prevent

Author: winverse

src/components/base/Header.tsx

@@ -36,7 +36,8 @@ function Header(props: MainHeaderProps) {
     [toggleUserMenu],
   );
 
-  const onClickNotification = () => {
+  const onClickNotification = (event: React.MouseEvent<HTMLAnchorElement>) => {
+    event.preventDefault();
     if (!user) {
       dispatch(showAuthModal('LOGIN'));
       return;

src/components/common/VLink.tsx

@@ -6,13 +6,24 @@ type Props = {
   className?: string;
   children?: React.ReactNode;
   style?: React.CSSProperties;
-  onClick?: () => void;
+  onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
 };
 
 function VLink({ to, children, className = '', style, onClick }: Props) {
   const url = `${process.env.REACT_APP_CLIENT_V3_HOST}${to}`;
+
+  const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {
+    if (!onClick) return;
+    onClick(event);
+  };
+
   return (
-    <Link href={url} className={className} style={style} onClick={onClick}>
+    <Link
+      href={url}
+      className={className}
+      style={style}
+      onClick={(event) => handleClick(event)}
+    >
       {children}
     </Link>
   );