Close mobile panel on notification click

app/components/layout/NotificationPopover.tsx

@@ -76,6 +76,7 @@ export function NotificationContent({
 							<NotificationItem
 								key={notification.id}
 								notification={notification}
+								onClose={onClose}
 							/>
 							{i !== notifications.length - 1 && <NotificationItemDivider />}
 						</React.Fragment>

app/features/notifications/components/NotificationList.tsx

@@ -18,8 +18,10 @@ export function NotificationsList({ children }: { children: React.ReactNode }) {
 
 export function NotificationItem({
 	notification,
+	onClose,
 }: {
 	notification: LoaderNotification;
+	onClose?: () => void;
 }) {
 	const { t, i18n } = useTranslation(["common"]);
 
@@ -28,6 +30,7 @@ export function NotificationItem({
 			to={notificationLink(notification)}
 			className={styles.item}
 			data-testid="notification-item"
+			onClick={onClose}
 		>
 			<NotificationImage notification={notification}>
 				{!notification.seen ? <div className={styles.unseenDot} /> : null}