fix(web): hide browser URL preview for player artists

apps/web/src/entities/catalog.tsx

@@ -1,6 +1,6 @@
 import type { components } from '@pipu/api-client';
 import { unwrap } from '@pipu/core';
-import { Link } from '@tanstack/react-router';
+import { Link, useNavigate } from '@tanstack/react-router';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { Fragment, useRef, useState, type CSSProperties, type MouseEvent, type ReactNode } from 'react';
 import { AddToPlaylist } from './playlists';
@@ -71,15 +71,19 @@ export function Cover({
 }
 
 /** Исполнители через запятую, каждый — ссылка. */
-export function ArtistLinks({ artists }: { artists: ArtistRef[] }) {
+export function ArtistLinks({ artists, hideUrlPreview = false }: { artists: ArtistRef[]; hideUrlPreview?: boolean }) {
+  const navigate = useNavigate();
   return (
     <>
       {artists.map((a, i) => (
         <Fragment key={a.id}>
           {i > 0 && ', '}
-          <Link to="/artist/$id" params={{ id: a.id }} className={s.link}>
+          {hideUrlPreview ? <button type="button" role="link" className={s.link}
+            onClick={() => void navigate({ to: '/artist/$id', params: { id: a.id } })}>
             {a.name}
-          </Link>
+          </button> : <Link to="/artist/$id" params={{ id: a.id }} className={s.link}>
+            {a.name}
+          </Link>}
         </Fragment>
       ))}
     </>

apps/web/src/widgets/PlayerBar.tsx

@@ -119,8 +119,8 @@ export function PlayerBar({ variant = 'bar' }: { variant?: 'bar' | 'island' }) {
         )}
         <div className={s.meta}>
           <span className={s.title} title={track.title}>{track.title}</span>
-          <span className={s.artists} title={track.artists.map((artist) => artist.name).join(', ')}>
-            <ArtistLinks artists={track.artists} />
+          <span className={s.artists}>
+            <ArtistLinks artists={track.artists} hideUrlPreview />
           </span>
           {source &&
             (ctx?.type === 'album' && ctx.id ? (
@@ -328,7 +328,7 @@ function NowPlayingSheet({
             {track.title}
           </Link>
           <span className={s.artists}>
-            <ArtistLinks artists={track.artists} />
+            <ArtistLinks artists={track.artists} hideUrlPreview />
           </span>
         </div>
         <div className={s.progress}>